为属性设置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 for attribute test ='2'？

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

Answer 1

试试这个：

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

请记住，编造自己的属性会导致HTML无效。

您可以改为使用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");

请参阅：http://api.jquery.com/attribute-equals-selector/