Question

我有一个示例页面（已删除链接）和一个简单的（来自普通用户的视图但不是程序员的视图）任务是将每个td的背景颜色设置为如果()中的值小于或等于5，则为红色。

此问题的一些用户how can I get table row data with jquery为我提供了示例代码，但这些代码不适用于我上面的示例页面。

这里的问题是如何通过jquery获取第二个表。其他人提供的所有努力完全（我猜）对于具有单个表格实例的静态页面是有效的。

Answer 1

尝试使用此JavaScript：

$(document).ready(function(){
  $('table td').each(
    function(){
      var td_value = $(this).text();
      if (td_value <= 5 ) {
        $(this).css('background', 'red');
      }
    }
  );
});

您可以在this codepen

中找到包含HTML和CSS的完整代码

更新：添加正则表达式：

$(document).ready(function(){
  $('table td').each(
    function(){
      var td_value = $(this).text();
      var regExp = /.*?\(([^)]*)\).*/;
      var matches = regExp.exec(td_value);
      if ( matches && matches[1] <= 5 ) {
        $(this).css('background', 'red');
      }
    }
  );
});

如何通过jquery有条件地使表中每个td的背景颜色变为红色

1 个答案: