Javascript 如何使用jquery查找背景颜色为黄色的所有行？

我想查找具有属性

background color=rgb（255，255，0）

的所有行。 按“搜索”按钮可以完成此操作。我不明白这为什么不起作用。什么也没找到。搜索代码：

$("#btnSearch").click(function(){  
  var rows = $("#tbl1 tr[style='background-color:rgb(255, 255, 0)']");     
})

整个例子就是试试这个

$('#tbl1 tr').filter(function() {
     return $(this).css('background-color') == 'rgb(255, 255, 0)';
})

试试这个

$（“#btnSearch”）。单击（函数（）{
$（“tbl1 tr”）。每个（功能）{
if（$（this.css（“背景色”）=“rgb（255，255，0）”）
{
警惕（“我是黄色的；）”；
}
否则{
警惕（“我是白人；”）；
}
});
})

#
伊梅伊兹代尔卡酒店
奥皮斯尼参考号
标段/serijska/EDI
斯坦杰（参考）
斯坦杰（地段）
斯库皮纳女贞
1.
科尔蒂卡尼2.0/14毫米（兹拉蒂）
401.364
8036572
6.
3.
Stopalo-合成酶
2.
科尔蒂卡尼2.0/14毫米（兹拉蒂）
401.364
8327937
6.
1.
Stopalo-合成酶
3.
科尔蒂卡尼2.0/14毫米（兹拉蒂）
401.364
9572333
6.
2.
Stopalo-合成酶




搜索

干净的方法是使用类而不是内联样式

$（“#btnSearch”）。单击（函数（）{
console.log（$（'#tbl1 tr.yellow'））
})

.yellow{
背景色：rgb（255，255，0）；
}

#
伊梅伊兹代尔卡酒店
奥皮斯尼参考号
标段/serijska/EDI
斯坦杰（参考）
斯坦杰（地段）
斯库皮纳女贞
1.
科尔蒂卡尼2.0/14毫米（兹拉蒂）
401.364
8036572
6.
3.
Stopalo-合成酶
2.
科尔蒂卡尼2.0/14毫米（兹拉蒂）
401.364
8327937
6.
1.
Stopalo-合成酶
3.
科尔蒂卡尼2.0/14毫米（兹拉蒂）
401.364
9572333
6.
2.
Stopalo-合成酶




搜索

在jQuery和HTML上使用的字符串应该相同

在jQuery中，您忘记了分号和

后面的空格
：

试试这个字符串

#tbl1 tr[style='background-color: rgb(255, 255, 0);']

无论如何，我不建议您以这种方式使用内联样式。

使用jQuery筛选选定的

tr

并仅选择

tr

具有目标背景色。在函数回调中，使用

this.style.backgroundColor

获取tr的

background color

，并检查是否等于

rgb（255，255，0）

$("#btnSearch").click(function(){
  var trs = $("#tbl1 tr").filter(function(){
    return this.style.backgroundColor == "rgb(255, 255, 0)";
  });
});

请注意，在单击后的底部示例中，目标

tr

的颜色更改为

red

。

$（“#btnSearch”）。单击（函数（）{
$（“#tbl1 tr”）.filter（函数（）{
返回this.style.backgroundColor==“rgb（255，255，0）”；
}).css（“颜色”、“红色”）；
});

123
123
123
123
123
搜索
要搜索的内容。页面中是否有任何搜索框？可能的副本？这对我不起作用，而不是使用内联样式，考虑使用元素的类。一个类很容易被找到，而且也很清楚，一旦找到它们，如何在行上设置类？假设我想将所有行上的类黄色更改为“”（无类，空字符串）。基本上我想从该类的行中删除黄色类。只需使用removeClass（）@FrenkyB
$（“#tbl1 tr.yellow”）。removeClass（“yellow”）
这对您有用吗？我试图补充；和空格后：但它是一样的。是的，它在Chrome上对我有效。查看您的分叉代码：