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

Question

我需要更改所有包含重复数组的数字的表单元格的背景颜色。 想法是使所有重复编号的单元格都变为红色。 到目前为止，我已经设法更改了颜色，但是它也更改了空单元格的颜色。

我尝试检查该数字是否为undefined，“ undefined”，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

基于

到目前为止，我已经设法更改了颜色，但是它也更改了空单元格的颜色。

和

我尝试检查该数字是否为undefined，“ undefined”，null，0，但它仍会更改空单元格的颜色。

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

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