javascript - 设置属性的css

Question

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

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

我想使用属性，而不是添加新的类或 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