jquery添加HTML元素 - 傳遞JavaScript變量作爲類

Question

我有以下jQuery代碼，它在<li>標記中找到的<a>標籤附加了一些html元素。

目前，我硬編碼<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>'); 

我的問題是我如何通過JavaScript變量（selected_class）作爲<ins>標籤內的類名？

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有你的解決方案。