jQuery遍历（查找正确的CSS选择器）和交替背景颜色

我想找到合适的CSS或jQuery选择器来编辑内联定义的

背景色。HTML的外观如下所示：

<div id="rev_slider_3_1">
    <ul style="Something">
       <li style="Something">
           <div class="slotholder">
               <div class="tp-bgimg" style="background-color: for example blue"></div>
           </div>
       </li>
       <li style="Something">
           <div class="slotholder">
               <div  class="tp-bgimg" style="background-color: for example red"></div>
           </div>
       </li>
       ...(A few more li's)
     </ul>
</div>

$('.tp-bgimg').each(function(i,e){// i==>is the index of element, e==> the element itself
    $(e).css('background-color','yellow');
});

更新：

我想更改.tp bgimg

背景色，但有不止一个

.tp bgimg

，它们需要获得不同的

背景色

，因此我想有一个jQuery选择器，允许我单独更改第一个

.tp bgimg

背景色。我需要颜色交替。

要单独控制每个

div

，最好使用。因此，您可以使用如下代码：

<div id="rev_slider_3_1">
    <ul style="Something">
       <li style="Something">
           <div class="slotholder">
               <div class="tp-bgimg" style="background-color: for example blue"></div>
           </div>
       </li>
       <li style="Something">
           <div class="slotholder">
               <div  class="tp-bgimg" style="background-color: for example red"></div>
           </div>
       </li>
       ...(A few more li's)
     </ul>
</div>

$('.tp-bgimg').each(function(i,e){// i==>is the index of element, e==> the element itself
    $(e).css('background-color','yellow');
});

更新：

如果您想为每个

div

赋予新的颜色，那么我们有两种解决方案：

在

每个内部的每个循环中生成随机颜色
分配给每个.tp bgimg颜色。==>

有一组预定义的颜色作为颜色数组，并在每个循环中再次分配给每个

.tp bgimg

颜色，但这里您需要知道您有多少

.tp bgimg

，这样您就可以获得正确的相应颜色数。==>

---

您似乎想使用

$（“.tp bgimg”）

，但不仅仅是这样。你似乎也想要这样：

固定并制作了小提琴：

因此，然后逐个浏览如下元素，并根据需要修改每个元素：

$( document ).ready( function() { 
    var colors = [ "#f00", "#00f", "#0f0" ]
    var i = 0
    $(".tp-bgimg").each(function() {
        if( i >= colors.length ) {
            i = 0
        }
        $(this).css("background-color", colors[i++])
        console.log( colors[i] )
    });
})

正如您将看到的，我添加了您喜欢的交替背景色代码

见：

将满足您的需要

例如：

$('li:eq(0) .tp-bgimg').css('background-color','blue');

将更改第一个

li

元素中div

.tp bgimg

的bgcolor（第一个索引为0，第二个索引为1，依此类推）

这样你可以单独改变一个li的颜色，但你必须知道它是否是第一个、第二个等等

更新

---

---

下面是一个示例，向您展示如何分别更改它们，以及如何使用不同的颜色进行更改。

要更改哪个div的颜色。？您希望在

li

中为每个

div

使用不同的颜色吗？你如何决定什么

div

得到什么颜色？我想更改.tp bgimgbackground颜色。。。但是有不止一个.tp bgimg，它们需要不同的背景-colors@iD4ve您可以使用

array

和

.index（）

来实现您的概念。因为您的问题实际上是关于一个特殊的jQuery插件的，所以您应该提出一个新问题，该问题引用了此处的答案，特别是那个特殊的插件。你问的问题已经回答了。现在你有了一个新的问题：“我如何获得替代的背景颜色来使用X插件”，这并不是我真正想要的。。。我想将第一个tp bgimg的div背景色更改为红色，第二个更改为蓝色，等等…为您更新了我的答案。这似乎是个好主意，但不知何故它不起作用…现在一切都正常了。看看小提琴。谢谢你的回答。。。。不知怎的，它不起作用了。。。你似乎漏掉了一些分号？它基本上和以前的一样，但这并不能解决我的问题problem@iD4ve你能更新你的问题并解释你到底想做什么吗？@iD4ve更新了我的答案2。将适用于我的问题。。。我知道我有多少个div，因为它是一个slider@iD4ve检查一下。我让它好像你有4张幻灯片这似乎更好，但我不想改变slotholder的背景色。。。但是.tp的背景色-bgimg@iD4ve：修复了类，我的错误：）我已经链接了一个示例，如果你想查看，我可以私下给你发送网页吗。。。所以你可以看到我的错误在哪里？把它发送到这里也可以。所以其他人可以帮忙