javascript - 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);

这样您就可以#partnumbers通过#idCss 单独设置样式

Answer 3

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