Если у div есть изображение, поместите его в другой div

Question

Я знаю, это звучит немного безумно, но я делаю довольно сложную (сложную для меня, не для лучшего JS-кодера) тему и текст WordPress в статьях, расширяется при наведении курсора, и публикуемые изображения отображаются в различных div и другихпитания.В любом случае мне нужна функция, которая будет проверять каждое сообщение (статью), и если в сообщении есть img, чтобы поместить это img в другое div, если нет, жить так, как есть.Я никогда не был хорош в if else заявлениях, я пробовал что-то, но это не помогло.

var picture = $('.post p').find('img');    
$(this).find('.postimage').empty().append(picture);

Это сработало как тест, но, конечно, оно добавляет изображение из первого поста ко всем "postimage" div с, и это не желаемое решение.

Answer 1

Используйте метод .each() для работы с каждым соответствующим элементом в отдельности.

, например

var picture = $('.post p img').each(function(index, element) {
    // the following line will need to change depending on how you need to find the correct .postimage div from the .post div
    $(this).closest('.post').find('.postimage').empty().append(element); 
});

Answer 2

Нет необходимости в условной логике.

$('.post p img') - это "все изображения, которые находятся внутри р внутри div-класса после класса".Другими словами, это именно тот набор изображений, который вы хотите переместить.

Если существует более одного div «postimage», то вам нужно быть более четким в своей логике для определения, какое изображение входит вкакой див.