高亮显示具有相同值的td元素

我使用以下方法高亮显示具有相同值的特定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元素中使用数据内容标记,而不向td元素添加额外的类标记?谢谢

这是一个 jsfiddle :