2014-01-10 90 views
1

動態創建一個元素下具有類「父」 和應用一些CSS類的元素,即「子」 現在我想申請一些「id」 ,所以我想知道如何做到這一點如何在以下代碼中應用「id」代碼

$(".parent").append("<a class='child' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text() +"</a>"); 

,以及如何在事件的一些事件綁定到它像鼠標將其

我試過,但沒有工作

$(".pushLinkBtnContainer").append("<a id='$(this).text()' class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'>".bind("mouseover", function() { 
       $(this).css("background-color", "red"); 
      }) + "</a>"); 
+4

你想要做什麼目前還不清楚。 –

+0

爲什麼你想要一個ID?你試圖給錨元素添加一個id –

+0

好吧讓我編輯我的問題 – Faizan

回答

2

簡單ID:

$(".pushLinkBtnContainer").append("<a id='someid' class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text() +"</a>"); 

動態ID:

1)

$(".pushLinkBtnContainer").append("<a id='someid"+variable_name+"' class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text() +"</a>"); 

2)

$(".pushLinkBtnContainer").append("<a id='"+variable_name+"' class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text() +"</a>"); 

結合事件:

$(".pushLinkBtnContainer").on("mouseover","#someid",function(){ 
    //execute statements 
}); 
+0

晶瑩剔透的答案! :) – Faizan

+0

@Faizan謝謝:) – Hiral

+0

以及如何應用一些事件,如鼠標懸停事件? – Faizan

0
$(".pushLinkBtnContainer").append("<a id="'pushLinkBtn_' + cAnchorCount + '" class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text() +"</a>"); 
0

用途:

$(".pushLinkBtnContainer").append("<a id='" + cAnchorCount + '" class='pushLinkBtn' href='#bookmark" + cAnchorCount++ + "'> "+ $(this).text() +"</a>");