javascript - 如果列包含特定值，则更改表格行的颜色

Question

我有一个看起来像这样的表：

<asp:Repeater ID="myRepeater" runat="server">
    <div id="divTable" class="divTable">
    <table id="myTable">
        <thead>
        <tr>
            <td>A</td>
        </tr>
        <tr>
            <td>B</td>
        </tr>
        <tr>
            <td>C</td>
        </tr>
        <tr>
            <td>D</td>
        </tr>                        
    </thead>
    <tbody id="myContent">
        <tr>
            <td>Some Text</td>
        </tr>
        <tr>
            <td>Some Text</td>
        </tr>
        <tr>
            <td>Some Text</td>
        </tr>
        <tr>
            <td id="findMe">
                <%#Eval("IsFlagged")%>
            </td>
        </tr>                            
    </tbody>
    </asp:Repeater>
    </table>
    </div>

现在，这就是我想要做的。如果 <%#Eval("IsFlagged")%> 返回任何东西，我想让表格行中的所有单元格都具有某种颜色。

我一直在阅读有关 .contains() 的内容，但我还没有找到一个简单地询问“如果不是 null，则将 .css 样式应用于表格行的其余单元格”的示例。

Answer 1

我在 jsfiddle 中放了一个例子：http: //jsfiddle.net/aMR5r/

编辑：您的编辑使代码更简单，但原理相同。

$(function(){
    var isFlagged = $('#findMe').text();
    if(isFlagged.length > 0)
    {
        $('#findMe').parent().addClass('yellow');
    }
});

http://jsfiddle.net/aMR5r/1/

Answer 2

首先，尝试给特定的 td 一个类或其他东西，以便您可以定位它。然后你可以检查 $('td.yourclassname').html(); 的长度

Answer 3

如果您使用的是 VB.Net，那么您可以使用此代码..

<tr style="background-color:<%# IIF(IsDBNull(Eval("IsFlagged"),"none","yellow") %>">

您也可以将此逻辑应用于 TD。