我有以下 html 结构,使用 ul 和 li。
<ul class="treeview" id="productTree">
<li class="collapsable lastCollapsable">
<div class="hitarea collapsable-hitarea lastCollapsable-hitarea"></div>
<span id="top1" class="">top1</span>
<ul>
<li class="collapsable lastCollapsable">
<span class="">mod1</span>
<ul>
<li class="last">
<span>bottom1</span>
</li>
</ul>
</li>
</ul>
</li>
<li class="collapsable lastCollapsable">
<span id="top2" class="">top2</span>
<ul>
<li class="collapsable lastCollapsable">
<span class="">mid2</span>
<ul>
<li class="last">
<span>bottom2</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
该网站允许用户在此结构下添加更多数据,并使用 jquery treeview 动态显示树结构。现在我需要将整个 ul-li 结构保存到一个 js 对象中,以备将来在网站中使用。我如何做到这一点?最后一个节点(“bottom1 and bottom2 here”)有一个类“last”,如果有帮助的话。因为我们可以动态添加数据,所以当用户点击“保存”时,我们可以确定最后有多少 ul li 级别