【问题标题】:Setting colours to FlexiGrid rows depending on column value or attribute href column value根据列值或属性 href 列值将颜色设置为 FlexiGrid 行
【发布时间】:2015-01-07 04:19:46
【问题描述】:

有一个 flexigrid 表,我想删除一个图标,该图标在其 href 中包含一个“删除”字符串,但我还想更改该行的颜色

要着色为红色,我可以使用第 2 列,如果它是空的,它将为红色,或者如果第 3 列有“删除”字符串,则该行应该是红色...

 <a href="remove" class=" crud-action" title="ADD R">

为此我正在使用

$(function () { $('a[href="remove"]').remove(); } ); //to remove icon

$("tr").each(function() {
    var st = $(this).find("td").eq(1).text();
    if (st == ''){
    $(this).css("color", "red");
    }
    else{
    $(this).css("color", "green");

    }
});

但是,当在行上循环时,它只是将标题行更改为红色,我得到这个结果 insetad 的乌鸦 2 和 5 为红色

如何分别将 2 行和 5 行着色为红色,其他行着色为绿色?

Here is a jsfiddle

【问题讨论】:

    标签: javascript jquery css flexigrid


    【解决方案1】:

    如果你真的不想在 td 内的 div 中出现“&nbsp”(空格),试试这段代码。

    $('tr:has(td > div:empty)').css("color","red");
    

    Fiddle

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-09-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多