2014-09-01 49 views
-1

的ID考慮下面的代碼:我怎麼可以設置一個變量的值作爲jQuery中

var counter = 0; //counter variable 
    $('#divfuerimage').on('click', function(evt){ 
    counter= counter+1; //count up 
    alert(counter); 
    var containerX = evt.pageX - $(this).offset().left, 
     containerY = evt.pageY - $(this).offset().top; 

    $('<div class="child" id=/*here the value of counter should be*/></div>') 

我如何使用我的計數器變量的值作爲ID?

+0

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Addition。 – VisioN 2014-09-01 09:43:24

+0

'$('

')' – 2014-09-01 09:44:02

+3

您的前提存在缺陷:在HTML4.1及更低版本中,所有數字的「id」屬性均無效。它們在HTML5中有效,但不在CSS3中,因此無法可靠地匹配它們。 – 2014-09-01 09:46:27

回答

2

字符串連接在一起或創建一個這樣的元素。

$('<div>',{ 
    "class":"child", 
    "id": counter 
}); 
+1

哦酷,一個解決方案,解決了我的其他問題,以及更多的時間:)) – CodeFanatic 2014-09-01 10:50:31

1

試試這個:

$('<div class="child" id="'+counter+'"></div>') 
0
$('<div class="child" id="'+counter+'"></div>') 
0

你應該串聯變量是這樣的:

$('<div class="child" id="'+coutner+'"></div>') 
0

串聯這樣的:

$('<div class="child" id='+counter+'></div>') 
0
$('<div>',{ 
    "class":"child", 
    "id": counter 
}).appendTo("#targetContainer"); 
+0

錯字:','是錯誤的第三行,應該有一個':' – idmean 2014-09-01 09:52:18

+0

絕對,謝謝 – Genjuro 2014-09-01 09:54:58