我想为类.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)}`);