我看过其他相关问题,但不完全像我的。
我有行数不同的代码块,并希望对这些行进行分组,包括“最后一个” div:
<div class="row"></div>
<div class="row"></div>
<div class="last"></div>
<br>
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="last"></div>
<br>
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="last"></div>
我想:
<div class="wrapper">
<div class="row"></div>
<div class="row"></div>
<div class="last"></div>
</div>
<br>
<div class="wrapper">
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="last"></div>
</div>
<br>
<div class="wrapper">
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
<div class="last"></div>
</div>
我已经尝试了各种查找,addBefore,wrapAll变体,但无法获取。
我尝试了以下方法的变体:
$(this).find(".row, .last").wrapAll('<div class="wrapper"></div>');
我们可以通过结合prevAll和wrapAll来实现。以下是剧团
$("div.last").each(function() {
$(this).prevAll(".row").addBack().wrapAll("<div class='wrapper' />");
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句