使用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);
});

提前感谢任何提示或建议。

-Brian

Answer 1

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

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

请参阅http://jsfiddle.net/55ABr/

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); 
});