Изменение порядка логов c элементов

Question

Я пытаюсь изменить порядок элементов. Некоторые элементы имеют класс .image_container, а некоторые нет. Я хочу получить все элементы, которые имеют указанный класс, для визуализации в верхней части контейнера и те, которые не отображаются в конце.

Лог c, который я использую, кажется, слегка отключен, но я просто не могу понять, где и что. Я надеюсь, что вторая пара глаз поможет! Спасибо!

Ниже мой код:

$('.teaser').each(function() {
if ($(this).find('figure.image_container').length !== 0) {
    if ($(this).prev().find('figure.image_container').length == 0) {
      $(this).insertBefore($(this).prev());
    }
   } else if ($(this).find('figure.image_container').length == 0) {
      if ($(this).next().find('figure.image_container').length !== 0) {
        $(this).next().insertBefore($(this));
      }
  }
});

Answer 1

var tsr = $(".teaser");
var arr = [];
var nodesWithClass = $(".teaser figure.image_container");
nodesWithClass.each(function() {
    arr.push(this);
});
for(var i = 0; i < arr.length; i++) {
    arr[i].parentNode.removeChild(arr[i]);
    tsr.prepend($(arr[i]));
}