Javascript jQuery中的计数

我想在jQuery中实现计算。我当前的代码运行良好，但适用于每个div（.menu item），我需要单独使用

我当前的代码：

$('.menu-item h3').each(function (i) {

    ++i;

    $(this).find('span').text(i + '.');

});

当前影响：

.menu-item
    1.
    2.
    3.

menu-item#2
    4.
    5.
    6.

需要：

HTML代码：

<div class="menu-item">
 <table>
  <tr>
   <td>
    <h3><span></span> Title</h3>
   </td> 
  </tr>
 </table>
</div>

标题

您将要转到每个

菜单项，然后浏览其中的每个
h3
。这样，
.each（）
函数中的
i
将为您拥有的每个
菜单项重置：


$（'.menu item'）。每个（函数（）{
$（this.find（“h3”）。每个（函数（i）{
$（this.find（'span'）.text（++i++'）；
});
});

您应该在每个
菜单项中“scope”
i

尝试：

$('.menu-item').each(function(index, $item){
    $item.find('h3').each(function(index, $h3) {
        $h3.find('span').text(++i + '.');
    });
});

您可以使用jQuery函数来执行此操作，因为默认情况下
。index（）
只查看同级元素：


$（'.菜单项h3'）。每个（函数（）{
$（this.find（'span'）.text（$（this.index（）+1）；
});

你们也可以发布你们的HTML吗？对不起，伙计们。我没有显示完整的HTML代码。不幸的是，我的HTML代码不起作用，因为我的HTML代码更复杂。@我根据您的代码猜测了您的结构，因为我不知道您的HTML。不管怎样，你只需要做
find（“h3”）
，而不是
children（“h3”）
，它将适用于你的情况。我已经更新了代码。谢谢你的回答：）谢谢你的回答。
$('.menu-item').each(function(index, $item){
    $item.find('h3').each(function(index, $h3) {
        $h3.find('span').text(++i + '.');
    });
});