CSS値に基づいて非表示要素のクリックを選択してトリガーします

Question

私はいくつかのdivの[最高1000]クラス名が同じで色が異なっています。

 <div class="class-1" style="background-color:red; display:none;">1</div> 
    <div class="class-1" style="background-color:black; display:none;">2</div> 
    <div class="class-1" style="background-color:rgb(0,12,34); display:none;">3</div> 
    ... 
    <div class="class-1" style="background-color:rgb(5,12,65); display:none;">1000</div> 

次のHTMLを参照してください。 ここでどのように私は、その背景色黒でクラス1のクリックを誘発することができますか？私はフィルタ機能でチェックしますが、正しい結果を得られませんでした。

$(".class-1").filter(function(){ 
     var match="black"; 
    return ($(".class-1").css('background-color') == match); 
}).trigger("click"); 

助けてください。

Answer 1

。それは動作するはずです

var match = "rgb(0, 0, 0)"; 

ここはCodePen：http://codepen.io/rachitgulati26/pen/MJjaBpです。

Answer 2

コードに2行目の終了引用符を書くのを忘れているかもしれません。

var match="black";に変更して、それが役立つかどうかを確認してください。

jQuery関数.css()はうまくいくので、うまくいくはずです。

詳細については、https://api.jquery.com/css/を参照してください。しかし、最初の例に基づいて、そのように色の文字列を取得することは可能です。

Answer 3

データタグを使用することをお勧めします。 HTML

<div data-color="black">black</div> 

jQueryを使用すると、以下比較すると

$('[data-color="black"]').html('black found');