jQuery：如何用不同的颜色绘制文本？

我想将一些文本项附加到div元素并用不同的颜色绘制它们

这是我的密码：

for (var i = 0; i < data.length; i++) {
    if (data[i].Id <= 2)
        $("#div3").append('<p>' + data[i].FirstName + '</p>').css('color', 'red');
    else if (data[i].Id > 2 && data[i].Id <= 4)
        $("#div3").append('<p>' + data[i].FirstName + '</p>').css('color', 'green');
    else
        $("#div3").append('<p>' + data[i].FirstName + '</p>').css('color', 'blue');
}

for（变量i=0；i如果（data[i].Id 2&&data[i].Id您正在将颜色应用于#div3，而不是应用于其中的p标记。这就是为什么最后一个应用于所有p的原因。要修复它，您可以为每个p指定一个类，并在其中指定颜色。或者通过jquery选择p标记并以这种方式应用颜色。
使用以下方法：

$("#div3").append('<p style="color:red">' + data[i].FirstName + '</p>');

$（“#div3”）.append（“
”+数据[i].FirstName+”
）；
改用
appendTo（）
：

 $('<p>' + data[i].FirstName + '</p>').appendTo("#div3").css('color', 'red');

$（''+data[i].FirstName+'
'）.appendTo（“#div3”）.css（'color'，'red'）；
您是否尝试过给每个“p”一个类并将样式抽象为css？
或者尝试根据索引为每个p元素指定一个id？如下所示

for (var i = 0; i < data.length; i++) {
   if (data[i].Id <= 2){
       $("#div3").append('<p id="p' + i + '">' + data[i].FirstName + '</p>')
       $("#p" + i).css('color', 'red');
   }else if (data[i].Id > 2 && data[i].Id <= 4){
       $("#div3").append('<p id="p' + i + '">' + data[i].FirstName + '</p>')
       $("#p" + i).css('color', 'green');
   }else{
       $("#div3").append('<p id="p' + i + '">' + data[i].FirstName + '</p>')
       $("#p" + i).css('color', 'blue');
   }
}

for（变量i=0；iif（data[i].Id 2&&data[i].Id什么是数据[i]做一个小提琴这不重要。它是一个物体。还要确保所有的条件都得到满足，并且它不总是进入颜色变为蓝色的块中。现在，无论最后设置什么颜色，都是整个#div3将显示的颜色，因为整个div的颜色都在改变。但是，我能看到吗如果我想使用一些.css文件怎么办？@tesicg那么你可以使用类名而不是样式。或者使用appendTo（）。总之，+1提供OP的代码不能按预期工作的原因。