Question

<table>
    <tr><td test='222'>sss</td></tr>    
    <tr><td test='111'>sss</td></tr>
    <tr><td test='222'>sss</td></tr>
    <tr><td test='111'>sss</td></tr>
</table>

$("[test]='111'").css('background-color', 'red');

现场：http://jsfiddle.net/MPmyc/1/

我怎样才能为test == 111设置css？现在这为所有TD添加了css。

Answer 1

$("td[test='111']").css('background-color', 'red');

Answer 2

测试属性的常用方法如下：

$('td[test="111"]').css(...);

将整个测试放在[]内，而不是像样本中那样部分在外面。

Answer 3

这将是work：

$("[test='111']").css('background-color', 'red');

谓词框围绕着整个条件。

Answer 4

将$("[test]='111'")更改为$('[test="111"]')

Answer 5

您错误地写了your attribute selector。而不是：

[test]='111'

写：

[test='111']

编辑代码：

$("[test='111']").css('background-color', 'red');

http://jsfiddle.net/MPmyc/2/

此外，如果您没有根据元素id进行选择，那么我建议将选择器限制在最窄的合理范围内。即选择td元素：

td[test='111']

如果该表有一个类或id，我还会将范围缩小到该表下。

Answer 6

$('[test="111"]').css('background-color', 'red');

您需要将属性条件测试括在括号之间，而不仅仅是属性名称。

Answer 7

$("td[test=111]").css('background-color', 'red');

将jQuery用于自己的属性

7 个答案: