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