jqueryのカラーコード

Question

私はstring.For例として、いくつかの部品番号を持っている： partnumber = "a1;a2;a3"

今私は

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

ようtext()機能を使用してそれを表示しています。しかし、私は唯一のpartnumberの色を変更したいです全文ではない。

だから私はこのような何かを得る必要があります。

部品番号（S）（一部カラー）A1を、A2、A3（一部カラー）が示されています。 jqueryを使ってこれを行う方法は？

Answer 1

を通じて別途#partnumbersと#idのスタイルを設定することができますこの方法をそれをスパンでラップし、クラスを使用して余分なスタイリングを定義する必要があります：

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

text()の代わりにhtml()を使用する必要があります。これは、プレーンテキストではなくhtmlを挿入するためです。

Answer 2

あなたのhtmlのビットに変更する必要があります：jqueryの中

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

そして：

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

をあなたはあなたは、CSS

Answer 3

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