javascript - 使用索引填充 ul 列表

Question

我在使用索引值填充 ul li 时遇到问题。

下面是我的 HTML。

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

下面是我的 JS。

$('document').ready(function(){
var indexus = $('li').index();
$('li').each(function(){
$('li').html(indexus);
});
});

JS fiddle :http://jsfiddle.net/kuJWc/407/

我想用适当的 li 索引值填充 li ，但我最终只能获取最新的索引值(在本例中为 3)。我将如何循环每个索引值，以便每个 li 显示其自己的索引号的值？

Answer 1

你应该这样做:

$('li').each(function(){
    $(this).html($(this).index());
});

您将索引添加到所有 li 中。因此，您使用 $('li 而不是每个内部的 $(this) '). 将最后一个值 li 索引添加到所有索引中。