使用 Jquery 在同一 div 中附加 div 索引

Question

我有一个像这样的基本设置：

<div class="stop">
    <span class="point"></span>
</div>
<div class="stop">
    <span class="point"></span>
</div>

我想在每个嵌套的 span.point 中附加 div.stop 的索引，如下所示：

<div class="stop">
    <span class="point">1</span>
</div>
<div class="stop">
    <span class="point">2</span>
</div>

这是我正在使用的 jquery，但它不起作用：

$("div.stop").each(function() {
    var stopNumber = $("div.stop").index(this);
    $("div.stop span.point").append(stopNumber);
});

谢谢提前寻求任何提示或建议。

-布莱恩

Answer 1

不需要 index 调用，.each 将索引作为参数提供给回调：

$("div.stop").each(function(n) {
    $('span.point', this).append(n + 1);
});

请参阅

Answer 2

您想要选择 div stop 内的点。试试这个：

$("div.stop").each(function() {
    var stopNumber = $("div.stop").index(this);
    $("span.point", this).append(stopNumber);
});

Answer 3

试试这个：

$("div.stop").each(function(i, el) {     
    $("span.point", this).text(i+1); 
});