jquery - JQuery根据值向表行添加一个类

Question

我需要检查 div 内表中的值文本。如果 a 中的一个值<td></td>等于“INVALID”，我想将“red”类添加到<tr>.

html 看起来像这样 -

<div id="MyDiv">
<table>
    <tbody>
        <tr> 
           <td>1</td>
           <td>GOOD</td>      
        </tr>
        <tr>       
           <td>2</td>
           <td>INVALID</td>      
        </tr>
        <tr>       
           <td>3</td>
           <td>GOOD</td>      
        </tr>
    </tbody>
</table>
</div>

我有 JQuery，它将在页面上找到任何表，并将类放在<td>. 如何更改此以将类添加到<tr>某个内部<div>？

    jQuery.each($('tbody tr td'), function () {
        if (this.textContent == "INVALID") {
            $(this).addClass("red");
        }
    });

谢谢！

Answer 1

只需调用.parent()方法

jQuery.each($('tbody tr td'), function () {
    if (this.textContent == "INVALID") {
        $(this).parent().addClass("red");
    }
});

Answer 2

if (this.textContent == "INVALID") {
      $(this).closest('tr').addClass("red");
}

Answer 3

你可以做

$('tbody tr td').each(function() {
    if ($(this).text() == "INVALID") {
        $(this).parent().addClass("red");
    }
});

小提琴：http: //jsfiddle.net/hMssR/