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。

Answer 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');

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

3 个答案: