ホームページ > ウェブフロントエンド > CSSチュートリアル > jQueryで特定の背景色のスパンを選択する方法は?

jQueryで特定の背景色のスパンを選択する方法は?

Barbara Streisand
リリース: 2024-11-06 21:59:02
オリジナル
567 人が閲覧しました

How to Select Spans with a Specific Background Color in jQuery?

特定の背景色を持つ要素の検索

div 内のスパンのコレクションを扱う場合、目的は特定の背景色を持つ要素を分離することかもしれません。 [attribute=value] セレクターは直感的に見えるかもしれませんが、スパンにはその名前の属性がないため、背景色に基づいて要素を抽出するには効果的ではないことがわかります。

代わりに、CSS セレクター $('div# を検討してください。いくつかの Div スパン')。これにより、指定された div 内のすべてのスパンが選択されます。選択を絞り込むには、filter() 関数を使用できます:

$('div#someDiv span').filter(function() {
    var match = 'rgb(0, 0, 0)'; // Match black background-color
    return ( $(this).css('background-color') == match );
});
ログイン後にコピー

このコードは、スパンを黒い背景で分離し、色の変更などの後続の操作を可能にします:

$('div#someDiv span').filter(function() {...}).css('background-color', 'green');
ログイン後にコピー

以上がjQueryで特定の背景色のスパンを選択する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート