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を挿入しているため、html()代わりに使用する必要があります。text()

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