使用jQuery追加相同的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); 
}); 

預先感謝任何提示或S uggestions。

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