JavaScript增加变量

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

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

  1. var number = 1;
  2. $(".content").each(function() {
  3. $('.content').attr('id','content_' + number);
  4. number++;
  5. });

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

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

解决方法

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

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

JS唯一的方法

  1. var content = document.querySelectorAll('.content');
  2.  
  3. [].forEach.call(content,function(item,index) {
  4. item.id = "content_" + (index+1);
  5. });

ES6 / ES2015语法:

  1. let content = document.querySelectorAll('.content');
  2.  
  3. [].forEach.call(content,(item,index) => item.id = `content_${(index+1)}`);

猜你在找的JavaScript相关文章