用相同的类包装相邻的元素

我需要使用div在div中包含相同类的相邻元素jQuery.到目前为止,我正在使用.wrapAll函数来在div中包含具有相同类的元素.

HTML:

Some text

脚本:

$( "a.image" ).wrapAll( "
" );

输出:

    
    
    
    
Some text
    
    

但是我需要将带有'image'类的相邻元素用'galley'类包装在不同的div中.所以输出需要如下所示:

    
    
    

Some text

    
    

有没有办法使用jQuery做到这一点？

您可以p使用.not函数获取非相邻图像(第一个和后一个图像).

对于它们中的每一个,您使用(.nextUntil和andSelf)收集相邻图像.

最后你用它们包装它们 .wrapAll

$('.image').not('.image+.image').each(function(){
  $(this).nextUntil(':not(.image)').andSelf().wrapAll('
');
});

1
2
3
Some text
4
5