javascript - 在动态 div 上使用 jQuery 添加 ID

Question

我正在尝试为它生成类似这样的内容的每个 div 添加一个 id。

<div class="wpmlposts"></div>
<div class="wpmlposts"></div>
<div class="wpmlposts"></div>
<div class="wpmlposts"></div>
<div class="wpmlposts"></div>

我怎样才能动态地为它们中的每一个添加一个 id？

这是我的代码

var sizestring= $('.wpmlposts').length; 
for (i=0;i <sizestring;i++){
}

我知道它不完整，但我不知道如何为每个 div 添加一个 id!

Answer 1

您可以使用 attr()或 prop()带有回调函数的方法，该函数在内部迭代元素并使用回调中的第一个参数生成 id 值，该回调是集合中元素的索引。

$('.wpmlposts').attr('id', function(i) {
  return 'ranId' + i;
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wpmlposts"></div>
<div class="wpmlposts"></div>
<div class="wpmlposts"></div>
<div class="wpmlposts"></div>
<div class="wpmlposts"></div>