Как обернуть только нужные блоки с помощью JQuery?

Question

[ALEX]

Добрый день, на странице https://irishwhiskey.flyingfish.ie/?s=whiskey которая отображает посты в результате поиска необходимо обернуть картинку поста в один внутренний блок, а название, текст, дата в другой блок вместе. Для решение этого вопроса я использовал .wrapAll(), но получается что в один и тот же блок оно засовывает название, текст, дату со всех постов на странице, а нужно только с одного, я думал что проблема в том что я неправильно указываю селектор, но нет. Возможно нужно как-то дописать эту функцию. Буду благодарен за любую помощь)

Answer 1

[Надим]

Здесь не нужен jQuery достаточно функционала JavaScript. Пример:

// Записываем в переменную all_post все наши посты массивом:
all_post = document.querySelectorAll('article[id^="post-"]');

// Перебираем элементы массива по одному через цикл for:
for (i = 0; i < all_post.length; i++) {

	// Сохраняем в переменную image_post код изображения:
	image_post = all_post[i].querySelector('a').innerHTML;
	
	// Удаляем ссылку с изображением:
	all_post[i].querySelector('a').remove();
	
	// Записываем то, что осталось после удаления:
	other_info = all_post[i].innerHTML;
	
	// Записываем данные обратно уже обернув в нужные нам блоки:
	
	all_post[i].innerHTML = '<div class="image_block">'+image_post+'</div><div class="other_info">'+other_info+'</div>';

}

Comments

[ALEX]

вставил ваш скрипт, но почему-то он не сработал(

[Надим]

Александр Ожиняк, у меня работает, а у вас не работает, бред. Вы в теги обернуть его не забыли? Плюс, вставлять надо в подвале сайте, либо использовать обработчик onload, чтобы скрипт стартовал лишь после полной прогрузки сайта.

[ALEX]

zkrvndm, Спасибо огромное вам за помощь, маленький вопрос, внутри блока other_info есть текст который не обернут в тег, как можно его обернуть чтобы можно было с ним работать и к нему обращаться)

[Надим]

Александр Ожиняк, так текст у вас имеет вполне конкретный класс .post-contents и по нему к нему и можно обращаться. Не совсем понимаю, чего вы хотите.