javascript 循环遍历 li 属性并更改每个项目的值

Question

我想循环一堆 <li>元素并更新其中保存的值，并将其显示在文档上。

我这样做的原因是因为我想按顺序对元素列表进行排序。我使用 JQuery 中的 Sortable 来完成此操作。

<li> 1 </li>
<li> 2 </li>
<li> 3 </li>
<li> 4 </li>
<li> 5 </li>

订单可能会变成:

    <li> 3 </li>
    <li> 1 </li>
    <li> 4 </li>
    <li> 2 </li>
    <li> 5 </li>

然后单击一个按钮，我希望我的 JS 函数将 li 项的值更改回 1,2,3,4,5。值得注意的是，我并不是在寻找解决方案来恢复列表之前的状态。

谢谢。

Answer 1

这应该可以工作(从 jQuery 1.4 开始):

$('.your_list li').text(function (index) {
    return index + 1;
});