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

标签 javascript jquery asp.net html jquery-selectors

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

<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() 的内容,但我还没有找到一个简单地询问“如果不为空,则将 .css 样式应用于表格行的其余单元格”的示例。

最佳答案

我在 jsfiddle 中整理了一个示例:http://jsfiddle.net/aMR5r/

编辑:您的编辑使代码变得更简单,但原理是相同的。

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

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

关于javascript - 如果列包含特定值,则更改表行的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11974692/

相关文章:

javascript - 如何在 AngularJS 的 ng-repeat 中使用 Controller 中的变量

javascript - 独特的 DataTable 列标题工具提示

c# - 一个项目中可以有多个APP_CODE文件夹吗

c# - 解析电子邮件文本回复/转发

javascript - AngularJS 中未定义 memberID

javascript - Web 应用程序无法在 Chrome 操作系统中的 Chromium 上运行

javascript - 在进行非功能性更改时,我应该发布新的库版本吗?

javascript - 滑动时防止触摸启动

javascript - 使用 Ajax 如何将表单中的下拉菜单选择值与数据库中的记录相匹配,并获取关联的记录/行以预填充表单?

asp.net - 如何渲染另一个项目的局部 View