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