JavaScript增加变量 [英] JavaScript increasing variable

问题描述

我想为类 .content 中的每个元素添加ID，并且我希望每个ID的整数都增加1.示例：

 < div class =contentid =content_1>< / div> 
< div class =contentid =content_2>< / div> 
  

等。我写了如下所示的代码：

  var number = 1; 
 $（。content）。each（function（）{
 $（'。content'）。attr（'id'，'content_'+ number）; 
 number ++; 
}）; 
  

此代码将 content_2 添加到两者中而不是 content_1 和 content_2 ，如果我有3个元素并且 .content class它们都有一个ID content_3

任何想法如何解决？

解决方案在每个循环中使用 this ：

  $（。content）。each（function（index）{
 this.id ='content_'+ index; 
}）; 
  

否则，您将选择具有类 .content


JS的唯一方法：
$ b $

  var content = document .querySelectorAll（ '内容'）; 
 
 [] .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）}`）; 
  




I want to add ID to each element of class .content, and I want each ID to have integer increase by 1. Example:

<div class="content" id="content_1"></div>
<div class="content" id="content_2"></div>

etc. I wrote code which looks like this:

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

This code adds content_2 to both of them rather than content_1 and content_2, if I have 3 elements with .content class all of them will have an ID of content_3

Any ideas how I could fix that?

解决方案

Use this in the each loop :

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

Otherwise you are selecting all the elements with class .content

JS only approach:

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

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

ES6/ES2015 syntax:

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

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

这篇关于JavaScript增加变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！