如何使用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');

这个显然会返回6计算所有child_sets.

如何计算child_set元素从开始位置到main_set仅考虑嵌套.所以基本上在我的例子中如何获得计数3？

Answer 1

您可以使用父母()从this找到所有的父母(有特殊选择); 对于长度,你必须为当前添加一个.

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

另请参见此示例.