Question

我有一个表，我的最后一列的值为“ Closed”或“ Open”。当值是Closed时，我希望文本为红色，如果文本为Open，则必须为绿色。但是我的价值观是绿色的。

这就是我所拥有的。

var rowCount = $('#ir_doors tr').length;

for (i = 1; i <= rowCount; i++) { 
    if ($( "table tr:nth-child(" + i + ") td:nth-child(5)" ).val() == 'Closed') {
            $( "table tr:nth-child(" + i + ") td:nth-child(5)" ).css("color", "red");
    }
    else {
            $( "table tr:nth-child(" + i + ") td:nth-child(5)" ).css("color", "green");
    }
}

有人知道我做错了吗？

谢谢。

Answer 1

val()用于输入。 text()可能就是您想要的：

if ($( "table tr:nth-child(" + i + ") td:nth-child(5)" ).text() == 'Closed') {

Answer 2

val()用于查询诸如文本，选择等元素的值。如果您要定位TD的内容，则需要使用html()或text()

Answer 3

var rowCount = $('#ir_doors tr').length;

    for (i = 1; i <= 2; i++) {
       if ($("table tr:nth-child(" + i + ") td:nth-child(5)").text() == 'Closed') {
            $("table tr:nth-child(" + i + ") td:nth-child(5)").css("color", "red");
       } else {
            $("table tr:nth-child(" + i + ") td:nth-child(5)").css("color", "green");
        }
 }

<table id="ir_doors">
 <tr>
     <td>1</td>
     <td>r2</td>
     <td>3</td>
     <td>4</td>
     <td>Closed</td>
 </tr>
 <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
     <td>4</td>
     <td>r2-5</td>
   </tr>

jsFiddle

根据值jquery

3 个答案: