Использование Jquery для добавления индекса div в тот же div

Question

У меня есть базовая настройка:

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

и я хотел бы добавить индекс div.stop во вложенную точку span. каждого из них, например:

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

См. http://jsfiddle.net/55ABr/

Answer 2

Попробуйте это:

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

Answer 3

Вы хотите выбрать точку внутри div stop. Попробуйте это:

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