Javascript 每当用户添加一个<；李>；，jquery从数组中选择特定的颜色

我对javascript还不熟悉，所以简单一点

我只想让用户能够编写

，jquery将根据列表顺序选择颜色。此时，用户必须输入

class=“b”

，或

class=“c”

我假设我会创建一系列颜色，并使用某种循环，对吗

我希望实现的一个可视化示例：

您希望这样：

$(".item").click(function() {  
  if ($(this).hasclass("A")) {
    coorColor = "blue";
  } else if ($(this).hasclass("B") {
    coorColor = "red";
  }

  $("body").css("background", coorColor);
});

---

使用CSS:

li.a{
    color:#000000;
}

li.b{
    color:#ff00ff;
}

$('li.a').css('color', '#000000');
$('li.b').css('color', '#ff00ff');

工作演示：

宽度jQuery:

li.a{
    color:#000000;
}

li.b{
    color:#ff00ff;
}

$('li.a').css('color', '#000000');
$('li.b').css('color', '#ff00ff');

工作演示：

您可以使用CSS选择器指定颜色的顺序：

li:nth-child(2n - 1) {
    color: red;
}

li:nth-child(2n) {
    color: blue;
}

上面的基本示例将以红色和蓝色交替显示

元素。看看。

类似的东西

var colors=[‘蓝紫色’、‘卡德蓝’、‘珊瑚色’、‘深红色’、‘暗金色’、‘暗绿色’]，
li=document.getElementById（'colorthis'）.getElementsByTagName（'li'）；
对于（变量i=0；i

---

您只需定义每个列表元素的颜色列表和循环样式。一旦使用，颜色会附加到颜色列表中，因此您可以使用有限的颜色列表为无限数量的元素设置样式。

您的方法是正确的：）不要循环整个数组，只选择随机颜色。您可以用任何方式详细说明吗？：）当然可以，但只有在午餐后：）你还需要一个解决方案，还是对@Simon的答案感到满意？他的答案很完美，不过还是要谢谢你！听起来不错。如果列表是无限的，有没有办法让50个列表项之后的颜色重新开始呢。你可以看更多的例子：但这不会使所有超过50个的列表项都只有一种颜色吗？与其再次启动订单。@Tomjulianhum可能会这样，您只需将索引传递给

：n个child

即可进行设置。这不是我做过的很多事情。你可以得到一个CSS预处理器来为你生成第n个子选择器：（你可以通过点击中间窗口上方的“SCSS”文本来查看编译结果）。为什么要点击？他没有说任何关于点击的事情。它应该在装载中，看起来很不错。请问，.push和.shift的作用是什么？这只是一个将第一个数组元素移动到该数组末尾的例程

.push

将第一种颜色追加到数组中（颜色[0]），shift将删除现在重复的第一个元素。下次颜色[0]将是另一种颜色。您非常聪明。我的最后一个难题-如何在某个div中定位

？