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

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

Barbara Streisand
Barbara Streisandオリジナル
2024-11-06 21:59:02492ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。