Question

I have some part numbers as a string.For example : partnumber = "a1;a2;a3"

现在,我正在使用<条码>文本(<>/条码>)等功能展示。

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

But I want to change the color of partnumber only and not the full text.

因此,我要谈谈:

Part number(s) (some color) a1;a2;a3 (some color) is shown. How to do this using jquery?

Answer 1

您必须从一个跨度中总结,并用一个类别来界定额外搭配:

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

您必须使用<代码>html(,而不是text(>),因为你正在插入html而不是简单文本。

Answer 2

你们需要做一点改动:

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

And then in jquery:

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

这样,你就能够打字<代码>#part number和#id。单独通过Cs

Answer 3

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