Javascript 获取元素的DOM层次结构级别(计算子代级别)
是否有一种有效的方法来计算特定元素的最深后代级别 例如:Javascript 获取元素的DOM层次结构级别(计算子代级别),javascript,jquery,html,Javascript,Jquery,Html,是否有一种有效的方法来计算特定元素的最深后代级别 例如: <div id="wrapper"> <ul> <li class="first">first</li> <li class="active">second</li> <li class="last"><a>third</a></li> </ul> </div>
<div id="wrapper">
<ul>
<li class="first">first</li>
<li class="active">second</li>
<li class="last"><a>third</a></li>
</ul>
</div>
- 首先
- 秒
-
如果你最终需要深度,那么效率可能不是你最关心的问题,但这是一种非常简洁有效的方法
var el = $("#wrapper");
var i = 0;
while ((el = el.children()).length) {
i++;
}
“有没有一种有效的方法”定义efficint,但基本上没有。如果#wrapper>ul>li>a
是3(即#wrapper
有3级子体),那么就不应该li。首先是0,最后是1?谢谢,更正了。天哪,这很漂亮,我开始编写这个大型递归迭代器。当然,jQuery合并了jQuery对象中包含的所有元素的.children()
,这样您就有了最大的可能性。