在jQuery中處理複雜的HTML結構

Question

我正在寫一個jQuery插件，它將繪製（使用Canvas）並比較正向和反向跟蹤路由。該標記（這是我在完全控制）目前看起來是這樣的：

<div class="traceroute-wrapper"> 
    <div class="forward-traceroute"> 
    <div class="hop">...</div> 
    ... 
    </div> 
    <div class="reverse-traceroute"> 
    <div class="hop">...</div> 
    ... 
    </div> 
</div> 

我目前的策略是調用包裝元素上的插件（$('.traceroute-wrapper').traceroute()並只需提供forwardTracerouteClass和reverseTracerouteClass插件選項，該插件使用，以選擇正向和反向跟蹤路由

我一直在掙扎，從來沒有見過太多的例子（當然沒有想到的），以處理複雜的，嵌套的數據結構，不僅應該jQuery的行爲元素，但需要了解嵌套元素。

有沒有人有任何處理這個優雅插件的建議或例子？

Answer 1

我並不是100％，但是使用JQuery我經常採用頂級元素，並將其作爲JQuery對象存儲。然後，我將這個補充進任何進一步陳述。

所以：

var wrapper = $('.traceroute-wrapper'); 

$(wrapper).each() { 
    alert ($('.reverse-traceroute", wrapper).length); // will only search what was taken in that wrapper. 
} 

壞榜樣，但我希望它能幫助。