तत्व के डोम पदानुक्रम स्तर प्राप्त करें (वंश के स्तर की गणना करें)

Question

क्या कोई विशिष्ट तत्व के गहरे वंशज के स्तर को गिनने का कोई प्रभावी तरीका है?

उदाहरण:

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

#wrapper4 का वंशज स्तर लौट जाना चाहिए, क्योंकि गहरे श्रृंखला इस प्रकार है: #wrapper > ul > li > a।

li.first1 लौटना चाहिए क्योंकि यह कोई संतान नहीं है और li.lastli.last > a की वजह से 2 लौटना चाहिए।

मैं $('#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/