Question

我正在使用以下方法突出显示具有相同值的特定td元素。将类添加到td可以正常工作。

<table id='sample'>
    <tr>
    <td data-content="1">1</td>
    <td data-content="2">2</td>
    </tr>
    <tr>
    <td data-content="2">2</td>
    <td class="3">3</td>
    </tr>
    <tr>
    <td>4</td>
    <td class="2">2</td>
    </tr>
</table>

jQuery：

$('.2').addClass('highlight1');
$('.3').addClass('highlight2');

Css：

.highlight1 {background-color:#9ac99d ; color:black}  
.highlight2 {background-color:#EC7063 ; color:black}

我的问题是，是否可以在td元素中使用data-content标签，而无需在td元素中添加额外的类标签？谢谢。

这是jsfiddle：

Answer 1

您可以通过以下属性选择器进行操作：

$("[data-content=2]").addClass('highlight1');
$("[data-content=3]").addClass('highlight2');

JS Fiddle

突出显示具有相同值的td元素

1 个答案: