獲取元素的DOM層次結構級別（計數子孫級別）

Question

有沒有一種有效的方法來計算特定元素的最深的後代級別？

舉例：#wrapper > ul > li > a：

<div id="wrapper"> 
    <ul> 
    <li class="first">first</li> 
    <li class="active">second</li> 
    <li class="last"><a>third</a></li> 
    </ul> 
</div> 

#wrapper因爲最深鏈是這樣的應返回的4後裔水平。

li.first應該返回1，因爲它沒有兒童和li.last應該返回因爲li.last > a2。

我可以做一個$('#wrapper').find(*)並遍歷所有結果，對於有很多後代的元素，特別是對於body元素，這應該會很慢。

這裏是試驗開始：http://jsbin.com/ixeWaja/1/edit

任何想法如何有效地解決這個問題？

Answer 1

如果您最終需要深度，效率可能不會成爲您最關心的問題，但這是一個非常簡潔高效的方法。

var el = $("#wrapper"); 
var i = 0; 

while ((el = el.children()).length) { 
    i++; 
} 

http://jsbin.com/ixeWaja/4/