jquery颜色编码

Question

我有一些零件编号作为字符串。例如： partnumber = "a1;a2;a3"

现在我使用text()函数显示它，如

$("#id").text("Part number(s) " + partnumber+ " is shown");

但我只想更改partnumber的颜色，而不是全文。

所以我应该得到这样的东西：

显示部件号（某些颜色）a1; a2; a3（某种颜色）。 如何使用jquery做到这一点？

Answer 1

你必须将它包装在一个范围内并使用一个类来定义额外的样式：

$("#id").html('Part number(s) <span class="your_color_classname">' + partnumber+ '</span> is shown');

您必须使用html()而不是text()，因为您要插入html而不是纯文本。

Answer 2

您需要稍微更改一下html：

<div id="id">Part number(s) <span id="partnumbers"></span> is shown</div>

然后在jquery中：

$("#partnumbers").html(partnumber);

这样您就可以通过Css

单独设置#partnumbers和#id的样式

Answer 3

$("#partnumbers").html("Part number(s) <span style='color:red'>" +partnumber+ "</span> is shown");