使用jQuery创建并行html结构

Question

是否有一种方法可以方便地使用jQuery实现并行的html结构？例如：

<li class="ul-1"> list 1 </li>
<li class="ul-2"> list 2 </li>
<li class="ul-3"> list 3 </li>

<div class="div-1"> div 1 </div>
<div class="div-2"> div 2 </div>
<div class="div-3"> div 3 </div>

把div放在ul的里面对我来说不是一个选择，他们需要保持分离。我想做一些类似$('.ul-2').show()的事情，并让它显示$(‘..div 2)。有没有一种方法可以做到这一点，而不必获得一个类的列表和解析类名？

Answer 1

正如j08691所指出的，我能够使用jQuery的index()函数将两个单独的html结构相互关联。

http://api.jquery.com/index/