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替换其他的div，所以页面上的不同空格要经常检查。页面上有16个位置，最新的位于顶部，依此类推。

任何事情都有很大的不足。

Answer 1

通过此

更改循环

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

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

});

Answer 2

搞定了！每个each（）都有一个for循环，然后我改变它，所以我有一个for循环，所有的每个（）绿色迭代和一个for循环与所有的每个（）红色迭代。

如何使用不同的数组迭代不同的div？

2 个答案: