根据列值或属性 href 列值将颜色设置为 FlexiGrid 行

Question

有一个 flexigrid table，我想删除一个图标，它的 href 中包含一个 "remove" 字符串，但我还想更改该行的颜色

要用红色着色，我可以使用第 2 列，如果它是空的，它将是红色的，或者如果第 3 列有 "remove" 字符串，则该行应该是红色的...

 <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");

    }
});

然而，当在行上循环时，它只是将 header 行更改为红色，我得到这个结果 insetad of crows 2 and 5 in red

如何分别将第 2 行和第 5 行着色为红色，将其他行着色为绿色？

Here is a jsfiddle

Answer 1

如果你真的不想 td 中的 div 中的“ ”（A space），试试这个代码。

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

Fiddle

根据列值或属性 href 列值将颜色设置为 FlexiGrid 行

Setting colours to FlexiGrid rows depending on column value or attribute href column value

javascript

css

jquery

flexigrid