javascript - 用相同的类包裹相邻的元素

Question

<分区>

Answer 1

1. 您可以使用 .not 函数获取不相邻的图像(第一张和紧接在 p 之后的图像)。
2. 对于它们中的每一个，您使用(.nextUntil 和 andSelf)收集相邻图像。
3. 最后使用 .wrapAll 将它们全部包装起来

$('.image').not('.image+.image').each(function(){
  $(this).nextUntil(':not(.image)').andSelf().wrapAll('<div class="gallery" />');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="image">1</a>
<a class="image">2</a>
<a class="image">3</a>
<p>Some text</p>
<a class="image">4</a>
<a class="image">5</a>

http://jsbin.com/gonino/edit?html,js

更新这是片段的结果。