用等级和返回位置计算div

Question

我有一个包含许多动态创建div的页面，如下所示：

<div class="open"></div>
<div class="open"></div>
<div class="open"></div>
<div class="open"></div>

我正在寻找获取元素位置的方法（例如，如果元素是第一个实例，如果element是第二个实例，则赋值id =“1”，赋值id =“2”

我目前正在使用以下jquery，但是卡住了，因为我不确定从哪里开始。

 $(document).ready(function () {
 var numDialogs = $('.open').length; 
});

有什么建议吗？

Answer 1

只需使用：

$('div.open').prop('id', function(i){
    return 'openElement' + (i + 1);
});

JS Fiddle demo

我故意添加了一个前缀字符串，因为虽然数字id在HTML5下有效，但它们在HTML4下仍然无效，并且很难使用CSS选择器进行选择。

参考文献：

• prop()。

Answer 2

马克，您可以定位元素，然后添加如下属性：

$('.open').attr('id', numDialogs); 

在这种情况下，这将给它全部4个，但我会让你与实际逻辑搏斗以实现正确的数字。祝你好运。