Javascript 如何根据td为tr添加css属性

我想根据表中的td cell值将类应用于tr

我的html

<table class="k-focusable">
 <tr>
  <th>Name</th>
  <th>Favorite color</th>
<th> status</th>
 </tr>
  <td>James</td>
  <td>red</td>
<td>false</td>
 </tr>
 <tr>
  <td>John</td>
  <td>blue</td>
  <td>true</td>
 </tr>
</table>

var cellIndexMapping = { 2: true };
$("table.k-focusable tbody tr").each(function (rowIndex) {
            $(this).find("td").each(function (cellIndex) {
                if (x[cellIndex]) {
                    var c = $(this).text();
                    if (($.trim(c) == "false") || ($.trim(c) == "null")) {
                        $("table.k-focusable tbody tr").find("td").addClass("hover");
                    }
                }
            });
        });

.hover
{
 font-weight:bold
}

名称
喜爱的颜色
地位
詹姆斯
红色
错误的
约翰
蓝色
符合事实的
var-cellIndexMapping={2:true}；
$（“table.k-可聚焦tbody tr”）。每个（函数（行索引）{
$（this）.find（“td”）.each（函数（cellIndex）{
if（x[cellIndex]）{
var c=$（this.text（）；
if（$.trim（c）=“false”）| |（$.trim（c）=“null”））{
$（“table.k-focusable tbody tr”）.find（“td”）.addClass（“hover”）；
}
}
});
});
悬停
{
字体大小：粗体
}

当我这样做时，每一行都有这个类悬停。但是我希望只有当td值为false或null时，这个类才被添加。

试试这个

$("table.k-focusable tbody tr td:contains('false')")

$("table.k-focusable tbody tr").each(function(rowIndex) {
    var $td = $(this).find("td:eq(2)");
    var c = $td.text();
    if (($.trim(c) == "false") || ($.trim(c) == "null")) {
        $td.closest('tr').addClass("hover");
    }
});​

试试这个

$("table.k-focusable tbody tr td:contains('false')")

$("table.k-focusable tbody tr").each(function(rowIndex) {
    var $td = $(this).find("td:eq(2)");
    var c = $td.text();
    if (($.trim(c) == "false") || ($.trim(c) == "null")) {
        $td.closest('tr').addClass("hover");
    }
});​

在测试

中，如果（$.trim（c）=“false”）…

，则选择所有

td

。您只需将类应用于当前单元格，因为您已经在单元格上处于循环中：

$(this).addClass("hover");

在测试

中，如果（$.trim（c）=“false”）…

，则选择所有

td

。您只需将类应用于当前单元格，因为您已经在单元格上处于循环中：

$(this).addClass("hover");

试试这个

$("table.k-focusable tbody tr td:contains('false')")

$("table.k-focusable tbody tr").each(function(rowIndex) {
    var $td = $(this).find("td:eq(2)");
    var c = $td.text();
    if (($.trim(c) == "false") || ($.trim(c) == "null")) {
        $td.closest('tr').addClass("hover");
    }
});​

您不需要第二个

$。每个
首先迭代td。
然后，您可以引用要使用此更改的
td
尝试此

$("table.k-focusable tbody tr td:contains('false')")

$("table.k-focusable tbody tr").each(function(rowIndex) {
    var $td = $(this).find("td:eq(2)");
    var c = $td.text();
    if (($.trim(c) == "false") || ($.trim(c) == "null")) {
        $td.closest('tr').addClass("hover");
    }
});​


您不需要第二个
$。每个
首先迭代td。
然后，您可以引用要使用此更改的
td
，
我只想将此类应用于第3列。我只想将此类应用于第3列。