javascript - 计算 div 的类别并返回位置

Question

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

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

我正在寻找一种方法来获取元素的位置(例如，如果元素是第一个实例，则分配 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() .