时间戳

首页 > 解决方案 > 突出显示具有空值的行 - jQuery（未按预期工作）

javascript - 突出显示具有空值的行 - jQuery（未按预期工作）

问题描述

当用户单击 GetData 按钮时，我将获取 json 数据并显示在 html 表中，如演示中所示。

演示：https ://plnkr.co/edit/I4XYY6CZohf7IS6wP8dR?p=preview

有时该值可以为 null，因为它是下面所示的 loanNum 变量。

  var loanNum = [{ "code": "23432", "description": "23432" }, { "code": null, "description": null }];

如果特定行的至少一个值为空，我想用红色突出显示整行，以便用户知道该行具有空值。我尝试使用下面的代码，但具有空值的行没有用红色突出显示颜色..

if(loanNum[i].code == null){
      console.log("row has null value");
      $(this).css({'background-color':'red'});
}

任何输入都会有所帮助。

标签： javascriptjqueryhtml

解决方案

您的目标$(this)好像是当前行，即使没有理由这样做（它实际上是窗口对象）。您需要选择该行，然后将其涂成红色，这应该可以解决问题：

$('#loanTable tr')[j].style = "background-color:red"

或者如果你想坚持使用 jQuery 的css()方法：

$($('#loanTable tr')[j]).css('background-colod','red')

虽然我不推荐它，因为它不必要地冗长。

推荐阅读