jquery - 如何使用 jquery 查找从子级到父级的元素计数？

Question

我有一个小问题，我需要计算元素的嵌套级别。 问题是父元素可以容纳多个子元素，而子元素可以有自己的子元素。

请查看我想从哪里开始计数(标有文字“我从这里开始”)。

HTML:

<div class="main_set">
    <div class="child_set">
        <div class="child_set">
            <div class="child_set">I start here!</div>
        </div>
        <div class="child_set"></div>
    </div>
    <div class="child_set">
        <div class="child_set"></div>    
    </div>
</div>

我尝试了一些方法来获得计数 3。
例如我最后一次尝试:

$(this).closest('.main_set').find('.child_set');

计算所有 child_sets 后，这个显然返回 6。

如何计算从起始位置到 main_set 的 child_set 元素，仅考虑嵌套。那么基本上在我的示例中如何获得计数 3？

Answer 1

您可以使用parents()从 this 查找所有父项(使用特殊选择器)；对于长度，您必须为当前添加一个。

alert($(this).parents('.child_set').length + 1);

另请参阅this example .