Javascript 如何为同一类增加一个数字？

我想为每个名为

quick\u image

的类显示一个增加的数字（从1开始，到47结束）

HTML看起来有点像这样：

<div class="quiz_image">
    Content here
</div>

<div class="quiz_image">
    Content here
</div>

<div class="quiz_image">
    Content here
</div>

var i = 1;
$('.quiz_image').before(i);
i++;

---

在我上面的代码中，这个数字不会增加，因为可能需要一个循环，我不知道在这种情况下如何启动一个循环。我希望有人能在这方面提供帮助。

Loopin all

quick\u image

并使用他们的索引号

$('.quiz_image').each(function(index){

         $(this).before(index+1);

    });

---

使用jQuery获取选择器时，它将返回一个元素数组。所以你会想在它们之间循环。我建议使用jQuery函数，它本机为您提供基于0的索引，您可以尝试以下方法：

$('.quiz_image').each(function(i){
    $(this).before(i + 1); // add one so we dont start at 0
});

---

jQuery中的before函数在指定元素之前设置内容，并且它也接受该函数，因此我们可以像下面的示例那样执行该操作

索引函数从匹配元素中搜索给定元素

---

为什么要更改每个图像的类？ 而是给每个人一个身份证

<div class="quiz_image"></div>
<script>
counter = 0;
var quiz_id = $(".quiz_image").prop("id");
$(".quiz_image").each(function(){
counter++;
quiz_id = quiz_id + counter
$(".quiz_image").prop("id",quiz_id);
});

计数器=0；
变量quick_id=$（“.quick_image”）.prop（“id”）；
$（“.quick_image”）。每个（函数（）{
计数器++；
测验id=测验id+计数器
$（“.quick_image”）.prop（“id”，quick_id）；
});

---

非常感谢您。那正是我想要的

.each（）

有一个内置的“计数器”，如果您不“预取”

$（“.quick\u image”）

并将其保存为变量，则此代码将为每次迭代执行DOM遍历

<div class="quiz_image"></div>
<script>
counter = 0;
var quiz_id = $(".quiz_image").prop("id");
$(".quiz_image").each(function(){
counter++;
quiz_id = quiz_id + counter
$(".quiz_image").prop("id",quiz_id);
});