我有以下的结构,我需要将 div
包裹在 .item
周围。
有些地方有两个项目,有些地方只有一个项目:
<div class="section">
<div class="heading"></div>
<div class="item"></div>
<div class="item"></div>
<div class="heading"></div>
<div class="item"></div>
<div class="item"></div>
<div class="heading"></div>
<div class="item"></div>
<div class="heading"></div>
<div class="item"></div>
<div class="item"></div>
</div>
我需要以这种格式输出:
<div class="section">
<div class="heading"></div>
<div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="heading"></div>
<div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="heading"></div>
<div>
<div class="item"></div>
</div>
<div class="heading"></div>
<div>
<div class="item"></div>
<div class="item"></div>
</div>
</div>
我尝试了以下代码,但它将所有代码都包装到单个类中。
var classes = {};
$(".section > div").each(function() {
classes[$(this).attr("class")] = true;
});
for (singleClass in classes) {
$("." + singleClass).wrapAll('<div class="item" />');
}