jquery - 如何仅检查表格一列中的文本

Question

我有一张这样的桌子

<table class="paginated">
    <thead>
        <tr>
            <th scope="col">A</th>
            <th scope="col">B</th>
            <th scope="col">Error</th>
            <th scope="col">D</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Error</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>Error</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>Error</td>
            <td>4</td>
        </tr>

    </tbody>
</table>

<script type="text/javascript" src="resources/javascripts/tablePagination.js" /></script>

实际上我想突出显示错误列中有错误文本的行

我正在使用以下脚本

$("tbody tr td:contains('Error')").each(function(){
    $(this).parent().addClass('highlightedRow');
});

但问题是，如果我在第一列中也有错误文本，那么我的行就会像这样突出显示

<tr>
        <td>Error</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>

我如何才能检查我的表格的错误列是否有错误文本，然后我的行会突出显示？

谢谢

Answer 1

您可以使用:eq()它来选择它：

$('tbody tr').has('td:eq(2):contains("Error")').addClass('highlightedRow')

Answer 2

只需向选择器添加一个额外的条件。 :eq(2)，对于第 3 列。

$("tbody tr td:eq(2):contains('Error')")