我有以下内容;
<div class="content">
<div class="row morepad">
<a href="#">Association 1</a>
</div>
<div class="row">
<a href="#">Association 2</a>
</div>
<div class="row morepad">
<a href="#">Association 3</a>
</div>
<div class="row">
<a href="#">Association 4</a>
</div>
</div>
我试图将它们分组,如下所示根据第一个 morepad 进行分隔。
<div class="content">
<div>
<div class="row morepad">
<a href="#">Association 1</a>
</div>
<div class="row">
<a href="#">Association 2</a>
</div>
</div>
<div>
<div class="row morepad">
<a href="#">Association 3</a>
</div>
<div class="row">
<a href="#">Association 4</a>
</div>
</div>
</div>
我尝试过以下方法:
$('.morepad').each(function() {
$(this).nextUntil('.morepad').wrapAll('<div></div>');
});
最佳答案
Jquery
$('.morepad').each(function() {
$(this).nextUntil('.morepad').andSelf().wrapAll('<div></div>');
});
您需要添加addSelf,以便它包含两端,只是wrapALl将仅包含中间的元素
工作中Jsfiddle链接
关于jquery - 将 div 组包裹起来直到下节课,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25045567/