javascript - 根据隐藏元素的 css 值选择并触发点击

Question

我有一些 div [最多 1000]，其类名相同但颜色不同。 请参阅以下 html

     <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>

这里如何触发背景色为黑色的class1的点击？我检查了过滤功能，但没有得到正确的结果

 $(".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 .