为属性设置css

Question

<table> 
    <tr><td test="1">aa</td><td test="2">bb</td><td test="3">cc</td></tr> 
</table> 

是否可以设置css，例如background-color：red属性test ='2'？

我想使用属性，而不是添加新的类或ID。

Answer 1

试试这个。

你可以改用HTML5 data-x设置自定义属性和过滤器上：

HTML

<table> 
    <tr><td data-test="1">aa</td><td data-test="2">bb</td><td data-test="3">cc</td></tr> 
</table> 

jQuery的

var $cell = $('TD').filter(function() { 
    return $(this).data("test") == "2"; 
}); 
$cell.css("background-color", "red"); 

Example fiddle

Answer 2

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

见：记住

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

熊虽然这弥补自己的属性将导致无效的HTML：http://api.jquery.com/attribute-equals-selector/