我想为类.content的每个元素添加ID,我希望每个ID的整数增加1.示例：
<div class="content" id="content_1"></div> <div class="content" id="content_2"></div>
我写的代码看起来像这样：
var number = 1;
$(".content").each(function() {
$('.content').attr('id','content_' + number);
number++;
});
此代码将content_2添加到它们而不是content_1和content_2,如果我有3个带有.content类的元素,则所有这些元素都将具有content_3的ID
我有什么想法可以解决这个问题？
解决方法
在每个循环中使用它：
$(".content").each(function(index) {
this.id = 'content_' + index;
});
否则,您将使用类.content选择所有元素
JS唯一的方法：
var content = document.querySelectorAll('.content');
[].forEach.call(content,function(item,index) {
item.id = "content_" + (index+1);
});
ES6 / ES2015语法：
let content = document.querySelectorAll('.content');
[].forEach.call(content,(item,index) => item.id = `content_${(index+1)}`);
