javascript - JQuery - 如果表格单元格包含数组中的数字，则更改表格单元格的颜色

Question

我需要更改包含重复数组中的数字的所有表格单元格的背景颜色。这个想法是将所有具有重复数字的单元格设为红色。到目前为止，我已经成功更改了颜色，但它也更改了空单元格的颜色。

我尝试检查数字是否未定义、“未定义”、null、0，但它仍然更改空单元格的颜色。

$('#resetPoolsButton').on('click', function() {
  var seedNums = []
  $('.seedInputs').each(function(i, seedInputs) {

    seedNums.push($(seedInputs).val())
  })
  seedNums.sort()

  var duplicates = []
  for (var i = 0; i <= seedNums.length; i++) {

    if (seedNums[i] === seedNums[i + 1] && seedNums[i] !== 'undefined') {

      duplicates.push(seedNums[i])

      $('.seedInputs').filter(function(i, element) {
        return duplicates.includes($(element).val())
      }).css("background-color", "red");
      console.log($(this).val())
    }
  }

  console.log(duplicates)
})

Answer 1

基于

So far I've managed to change the color but it also changes the colors of the empty cells.

和

I tried checking if the number is undefined, 'undefined', null, 0 but it still changes the colors of the empty cells.

您需要检查$(element).val()是否为空。将您的过滤器更改为

  $('.seedInputs').filter(function(i, element) {
    return $(element).val().trim().length > 0 && duplicates.includes($(element).val())
  }).css("background-color", "red");