javascript - 为属性设置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

试试这个:

$("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