JavaScript增加变量

Question

我想为类的每个元素添加ID .content,我希望每个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类,所有它们将具有IDcontent_3

我有什么想法可以解决这个问题？

Answer 1

使用this在每个循环:

$(".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)}`);

Answer 2

试试这个:

var number = 1;
$(".content").each(function() { 
    this.id = 'content_' + number;
    number++;
});

注意:您可以使用vanilla JS来分配属性id(不需要使用jQuery)