Question

按下按钮后，我想为所有表格行添加绿色，其中包含第3个中的“是”行。 TD取代。

这是我的jQuery部分：

 <script>
     $(button).click(function(){
            if($("tr td:nth-child(3)").contains("yes"))
                $append("myClass").css("background-color", "green");

     });
    </script>

这是html部分：

<table style="border: 2px solid black">
    <tr class="myClass">
        <td >name</td>
        <td >surname</td>
        <td>yes</td>
    </tr>
    <tr class="myClass">
        <td >name</td>
        <td >surname</td>
        <td>no</td>
    </tr>
    <tr class="myClass">
        <td>name</td>
        <td>surname</td>
        <td >yes</td>
    </tr>
</table>
    <button>button</button>

Answer 1

您可以使用:contains()选择器找出包含特定文本的元素。

然后使用closest("tr")查找相应tr的父td

$("tr td:nth-child(3):contains('yes')").closest("tr").css("color", "green")

Fiddle

Answer 2

CSS可能就是这里的方式，但我总是觉得使用css检查节点的值有点奇怪。

如果您想使用Jquery，可以执行以下操作：

$（ “链接”）。单击（函数（）{

 var nodes = $('tr td:nth-child(3)')
 nodes.each(function(){
   if($(this).text() === 'yes')
   {
     $(this).parents('tr').css('background-color','green');
   }
 });

}）;

fiddle

用于表的jQuery css，方法包含

2 个答案: