2014-09-01 53 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