JavaScript增加变量

前端之家收集整理的这篇文章主要介绍了JavaScript增加变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想为类.content的每个元素添加ID,我希望每个ID的整数增加1.示例:
<div class="content" id="content_1"></div>
<div class="content" id="content_2"></div>@H_502_3@ 
 

我写的代码看起来像这样:

var number = 1;
$(".content").each(function() { 
    $('.content').attr('id','content_' + number);
    number++;
});@H_502_3@ 
 

代码将content_2添加到它们而不是content_1和content_2,如果我有3个带有.content类的元素,则所有这些元素都将具有content_3的ID

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

解决方法

在每个循环中使用它:
$(".content").each(function(index) { 
    this.id = 'content_' + index;
});@H_502_3@ 
 

否则,您将使用类.content选择所有元素

JS唯一的方法

var content = document.querySelectorAll('.content');

[].forEach.call(content,function(item,index) {
  item.id = "content_" + (index+1);
});@H_502_3@ 
 

ES6 / ES2015语法:

let content = document.querySelectorAll('.content');

[].forEach.call(content,(item,index) => item.id = `content_${(index+1)}`);@H_502_3@

猜你在找的JavaScript相关文章