Как в jQuery выбрать все элементы, которые идут друг за другом?

Question

[Ваня Зюзгин]

Нужно из кода:

<img src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
<h1>Title</h1>
<img src="" alt="" />
<img src="" alt="" />

Выбрать только те элементы, которые идут последовательно.
Должно получиться 2 выборки:

• первая, состоящая из 3 img
  
• вторая, состоящая из 2 последних img
  

Нужно для того, чтобы каждую группу в последствии поместить в контейнер - div

Answer 1

[Денис]

Еще такой вариант

var arr = [];
$('img:not(img + img)').each(function() {
    arr.push( $(this).nextUntil(':not(img)').andSelf() ) ;
});
console.log(arr);

P.S. Не обратил внимание на последнее предложение в вопросе. Массив не нужен, конечно же:

$('img:not(img + img)').each(function() {
    $(this).nextUntil(':not(img)').andSelf().wrapAll('<div />');
});

Comments

[Ваня Зюзгин]

Спасибо. Последнее то, что нужно!

Answer 2

[Алексей Зуев]

$('h1').prevAll('img').wrapAll('<div class="group"></div>');
$('h1').nextAll('img').wrapAll('<div class="group"></div>');

Или тоже самое

var $h1 = $('h1'), methods = ['prevAll', 'nextAll'];
methods.forEach(function(method) {
	$h1[method]('img').wrapAll('<div class="group"></div>');
});

Answer 3

[coderisimo]

Просто идея - если выбрать ВСЕ элементы, а затем проитерировать коллекцию.
пока будут попадаться img - помещаете в одну под-коллекцию, а после h1 остальные img в другую.
Идея ясна?

Comments

[Ваня Зюзгин]

Как-то так я и предполагал сделать, но почему-то подумалось, что есть более "дешевый" способ

[coderisimo]

Ваня Зюзгин:
а что очень дорого получается ? ))

var first = [] ;
var second = [];
var current_collection = first;

$('img , h1').each(function(){
  if(this.tagName === 'IMG'){
    current_collection.push(this);
 
  }
  else{ 
  current_collection = second;
 
  }
  });

console.log('first-' + first );
console.log('second-' + second );