Question

我需要检查div内表格中的值的文本。如果<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/

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

3 个答案: