jquery - 如何使用不同的数组遍历不同的div？

Question

我有一个包含不同单词的 div 的网页，我希望这些 div 具有背景颜色，具体取决于其中的单词。并且单词分为两组。

这就是我得到的结果，但它只适用于第一种颜色。

var animal = ['horse', 'cat', 'mouse', 'dog'];

var i=0;

for (; i<animal.length; i++) {

     $("#div-position-a:contains('"+animal[i]+"')").each(function() {

           $('#div-position-a').css("background","rgb(green)");

     });
}

var soda = ['coke', 'sprite', 'fanta', 'pepsi'];

var j=0;

for (; j<soda.length; j++) {

     $("#div-position-a:contains('"+soda[j]+"')").each(function() {

           $('#div-position-a').css("background","rgb(red)");

     });
}

如果我针对不同的 div，它可以工作，但是页面有一个 div 流，所以每天都有新的 div 替换其他的，所以页面上的不同空间需要检查。页面上有 16 个位置，最新的在最上面，依此类推。

任何事情都非常有义务。

Answer 1

以此改变你的循环

$("#div-position-a:contains('"+animal[i]+"')").each(function() {

      $(this).css("background","rgb(green)");

});