jQuery：遍历元素并对子元素进行编号

Question

我想对包含列表的每个跨度元素进行编号，始终从 1 开始。但现在它是连续的：

标记

<li>
  <span class="1"><span>
</li>
<li>
  <span class="2"><span>
  <span class="3"><span>
</li>
<li>
  <span class="5"><span>
  <span class="6"><span>
</li>

但我希望它是：

<li>
  <span class="1"><span>
</li>
<li>
  <span class="1"><span>
  <span class="2"><span>
</li>
<li>
  <span class="1"><span>
  <span class="2"><span>
  <span class="3"><span>
</li>

谢谢

Answer 1

对 li 和 span 元素使用单独的 each() 迭代

$(document).ready(function () {
    $("li").each(function (i) {
        $(this).find("span").each(function (i) {
            $(this).attr('class', (i + 1));
        });
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<ul>
    <li> <span>test</span>

    </li>
    <li> <span>test</span><span>test</span>

    </li>
    <li> <span>test</span><span>test</span><span>test</span>

    </li>
</ul>

jQuery：遍历元素并对子元素进行编号

jQuery: Loop through elements and number the children

jquery

loops

numbers