javascript - 使用 JQuery 以不同的方式设置每个 的样式

Question

奇怪的小错误，我无法弄清楚，我有以下行:

$("#ingredientlist").append('<li>' + value + ' parts ' + capitalize(index + '') + '</li>').css("color", curColor);

基本上，在之前的声明中我得到 curColor ，这取决于我所使用的值。我检查了颜色，每次都不一样。我想要每个 <li>要设置为特定颜色的样式，所以我尝试将 .css() 设置为该颜色，但我的所有条目都是相同的颜色。有什么想法吗？

谢谢

Answer 1

当前您正在将 li 附加到 $("#ingredientlist")，然后设置其颜色

您需要设置 li 的颜色，而不是其父级的颜色。

使用

$("#ingredientlist").append(
    $('<li></li>')
        .text(value + ' parts ' + capitalize(index + ''))
        .css("color", curColor)
);