在jQuery中处理复杂的HTML结构

Question

我正在编写一个jQuery插件，它将绘制（使用Canvas）并比较正向和反向traceroutes。标记（我完全控制）目前看起来像这样：

<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

我不是百分之百关于你所得到的东西，但是对于JQuery，我经常采用有问题的顶级元素并将其存储为JQuery对象。然后我将其提供给任何进一步的陈述。

所以：

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

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

糟糕的例子，但我希望它有所帮助。