Javascript jquery每个函数循环

我有多个ul列表，如下所示：

<ul>
    <li><a href="#page/"></a></li>
    <li><a href="#page/"></a></li>
    <li><a href="#page/"></a></li>
    <li><a href="#page/"></a></li>
    <li><a href="#page/"></a></li>
</ul>

<ul>
    <li><a href="#page/"></a></li>
    <li><a href="#page/"></a></li>
    <li><a href="#page/"></a></li>
</ul>

<ul>
    <li><a href="#page/"></a></li>
    <li><a href="#page/"></a></li>
</ul>

我想计算li的总数，并将其从1添加到总计数范围内的数字，并更新a的href标记，如下所示：

<ul>
    <li><a href="#page/1"><span>1</span></a></li>
    <li><a href="#page/2"><span>2</span></a></li>
    <li><a href="#page/3"><span>3</span></a></li>
    <li><a href="#page/4"><span>4</span></a></li>
    <li><a href="#page/5"><span>5</span></a></li>
</ul>

<ul>
    <li><a href="#page/6"><span>6</span></a></li>
    <li><a href="#page/7"><span>7</span></a></li>
    <li><a href="#page/8"><span>8</span></a></li>
</ul>

<ul>
    <li><a href="#page/9"><span>9</span></a></li>
    <li><a href="#page/10"><span>10</span></a></li>
</ul>

如何使用jquery实现这一点？

这应该可以做到：

$('li').each(function (i) {
    i++;
    var link = $(this).find('a');
    link.attr('href', link.attr('href') + i);
    link.append('<span>' + i + '</span>');
});

$（'li'）。每个（函数（i）{
i++；
var link=$（this.find（'a'）；
link.attr（'href'，link.attr（'href'）+i）；
link.append（“”+i+“”）；
});

在上述代码中，我们：

• 使用jQuery的

  .each（）

  函数迭代页面上的每个列表项
• 将

  i

  的值增加1，这样我们可以从1开始计数，而不是从0开始计数
• 在当前列表项中选择并存储对链接元素的引用，我们将使用jQuery的

  .find（）

  方法对其进行迭代
• 使用jQuery的

  .attr（）

  方法更新href属性的值
• 最后，使用jQuery的

  .append（）

  方法将span标记作为其内容附加到link元素