javascript - 如何使用jquery动态向多个具有相同类名的div添加属性？

Question

我的 html 代码中有一个“div”，如下所示

<div class="mydata">
</div>

这是在页面渲染时动态创建的，因此将创建多少个具有相同类名的 div 不是固定的，但使用我的代码，我可以获取页面加载后一次显示的 div 总数。

我将该值存储在变量“计数器”中。

例如，在某个时候，如果它们是带有“mydata”类名的 5 个 div，则计数器有 5 个值

但现在我想为每个 div 添加 id 属性(从 1 开始直到计数器值)。

例如:第一个 div 看起来像这样 <div class="mydata" id="1"></div>

第二个是这样的<div class="mydata" id="2"></div> and so on.

所以请告诉我如何使用 jquery 将这个 id attr 添加到我的 div(如其他所述)？

-谢谢

Answer 1

不需要计数器。

但是，您不能仅使用数字作为 id 属性。它必须以字母开头。

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

ID and NAME tokens

<小时/>

这是 jQuery 代码:

$('.mydata').each(function(i){
    $(this).attr('id', 'id_'+(i+1));
});

ID 为:

<div class="mydata" id="id_1"></div>
<div class="mydata" id="id_2"></div>
...