jquery HTML要素を追加する - クラスとしてjavascript変数を渡す

Question

<li>タグ内にある<a>タグにいくつかのhtml要素を追加するjqueryコードがあります。

現在、私は<ins>タグのクラスをハードコーディングしていますが、実際にはクラス名としてjavascript変数（selected_class）を渡す必要があります。

if (colour[1] == "blue"){ 
    selected_class = "colour-icon1"; 
    } 
    else if (colour[1] == "yellow") { 
    selected_class = "colour-icon2"; 
    } 
    else if (colour[1] == "green") { 
    selected_class = "colour-icon3"; 
    } 


     $j("li[name='"+node_name+"'] > a").append('<a><ins class="colour-icon1">&nbsp;</ins></a>'); 

私の質問は、私は<ins>タグ内のクラス名としてjavascriptの変数（selected_class）を通過しない方法ですか？

Answer 1

$j("li[name='"+node_name+"'] > a").append('<a><ins class="' + selected_class + '">&nbsp;</ins></a>'); 

このトリックを行う必要があります。あなたはすでにあなたのセレクタに、文字列の連結をやっている：

li[name='"+node_name+"'] 

Answer 2

var selected_class = ...; 
var ins = $j("<ins>").addClass(selected_class); 
var newLink = $j("<a>").append(ins).append("&nbsp;"); 
$j("li[name='" + node_name + "'] > a").append(newLink); 

Answer 3

jQuery.addClass()を見てください。私はそれがあなたが探しているものだと信じています。

セレクタの作成にはまだ熟練していないので、私はそこでは手伝っていけません。 Phil Kleinにはあなたのための解決策があるようですが。