Javascript 用索引填充ul列表

我无法用索引值填充ul li

下面是我的HTML

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

JS小提琴：

---

我想用相应的

li

索引值填充

li

，但最终只能得到最新的索引值（在本例中为3）。如何在每个索引值中循环，以便每个

li

显示其自身索引号的值？

您应该这样做：

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

var arr = $('ul').children();

for (var i = 0; i < arr.length; i++){
  $(arr[i]).html(i);
}

---

您正在将索引添加到所有

li

。。因此，除了

$（this）

之外，您使用的是

$（'li'）。

将最后一个值li索引添加到所有这些值。

您应该这样做：

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

var arr = $('ul').children();

for (var i = 0; i < arr.length; i++){
  $(arr[i]).html(i);
}

您正在将索引添加到所有

li

。。因此，除了

$（this）

之外，您使用的是

$（'li'）。

将最后一个值li索引添加到所有这些值。

尝试以下操作：

$('document').ready(function(){
  $('li').each(function(){   // iterate through each `li`
    var $li = $(this);       // get the current `li` element
    var index = $li.index(); // get the current `li` index
    $li.html(index);         // set the `li`'s html to the index value
  });
});

我添加了一些注释，以帮助您了解每一步的作用，希望对您有所帮助

试试这个：

$('document').ready(function(){
  $('li').each(function(){   // iterate through each `li`
    var $li = $(this);       // get the current `li` element
    var index = $li.index(); // get the current `li` index
    $li.html(index);         // set the `li`'s html to the index value
  });
});

我添加了一些注释，以帮助您了解每一步的作用，希望对您有所帮助

这个呢：

$('document').ready(function(){
    var indexus = $('li');
    for (var i = 0; i <= indexus.length; i++) {
        $(indexus[i]).html(i);
    }
});

$（'document'）.ready（函数（）{
var indexus=$（'li'）；
对于（var i=0；i这个呢：

$('document').ready(function(){
    var indexus = $('li');
    for (var i = 0; i <= indexus.length; i++) {
        $(indexus[i]).html(i);
    }
});

$（'document'）.ready（函数（）{
var indexus=$（'li'）；
对于（var i=0；i，您可以获得ul子级的数组，然后使用如下内容迭代每个子级：

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

var arr = $('ul').children();

for (var i = 0; i < arr.length; i++){
  $(arr[i]).html(i);
}

var arr=$（'ul'）.children（）；
对于（变量i=0；i
您可以获得ul子级的数组，然后使用如下内容迭代每个子级：

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

var arr = $('ul').children();

for (var i = 0; i < arr.length; i++){
  $(arr[i]).html(i);
}

var arr=$（'ul'）.children（）；
对于（变量i=0；i