Оберните соседние элементы с тем же классом

Мне нужно обернуть соседние элементы одним классом в div, используя jQuery. Пока я использую функцию .wrapAll для обертывания элементов с тем же классом в div.

HTML:

<a class="image"></a>
<a class="image"></a>
<a class="image"></a>
<p>Some text</p>
<a class="image"></a>
<a class="image"></a>

Script:

$( "a.image" ).wrapAll( "<div class='gallery'></div>" );

Вывод:

<div class='gallery'>
    <a class="image"></a>
    <a class="image"></a>
    <a class="image"></a>
    <p>Some text</p>
    <a class="image"></a>
    <a class="image"></a>
</div>

Однако мне нужно обернуть элементы рядом классом 'image' в отдельные divs с классом 'galley'. Поэтому вывод должен выглядеть следующим образом:

<div class='gallery'>
    <a class="image"></a>
    <a class="image"></a>
    <a class="image"></a>
</div>
<p>Some text</p>
<div class='gallery'>
    <a class="image"></a>
    <a class="image"></a>
</div>

Есть ли способ сделать это с помощью jQuery?

Ответ 1