Javascript 使用jQuery创建并行html结构

有没有一种方法可以使用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>

列表1 列表2 列表3 第一组 第2组 第3组

---

把div放在ul里面不是我的选择，他们需要分开。我想做一些类似于

$（'.ul-2'）.show（）

，并让它显示$（'.div-2）。有没有一种方法可以在不获取类列表和解析类名的情况下执行此操作？

正如j08691所指出的，我能够使用jQuery的

index（）

函数将两个独立的html结构相互关联起来

---

是否将li和DIV（匹配的）归为同一类？那就让全班同学看看once@SamCreamer问题是，如果我使用$（'li'），那么我需要首先解析类列表以找到我想要匹配的id，这是一个额外的混乱步骤。@j08691谢谢，我想这就是我想要的