Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   обертывание wrap (https://javascript.ru/forum/jquery/75177-obertyvanie-wrap.html)

face2005 10.09.2018 13:47

обертывание wrap
 
Добрый день! подскажите как правильно обернуть?
<div class="itemRow">
   <div class="postTitle">text text</div>
   <div class="postExcerpt">text text</div>
   <div class="more">подробнее</div>
</div>

<div class="itemRow">
   <div class="postTitle">text text</div>
   <div class="postExcerpt">text text</div>
   <div class="more">подробнее</div>
</div>

<div class="itemRow">
   <div class="postTitle">text text</div>
   <div class="postExcerpt">text text</div>
   <div class="more">подробнее</div>
</div>


нужно в блоке itemRow обернуть блоки postTitle и postExcerpt в один div с любым классом...

laimas 10.09.2018 13:58

А в шаблоне на сервере сделать это один раз не возможно?

Nexus 10.09.2018 14:03

$('.itemRow').each(function(){
	const $wrap=$('<div></div>').addClass('some-class');
	
	$(this).find('.postTitle,.postExcerpt').each(function(){
		$wrap.append($(this).clone());
	}).remove().end().prepend($wrap);
});

laimas 10.09.2018 14:04

Nexus, .wrapAll() без цикла явного, но может все таки не загружать клиента?

Nexus 10.09.2018 14:09

Цитата:

Сообщение от laimas
но может все таки не загружать клиента

Не ко мне вопрос )

PS. пример решения с wrapAll можете продемонстрировать?

face2005 10.09.2018 14:18

Nexus, cпасибо большое!

laimas 10.09.2018 14:30

Цитата:

Сообщение от Nexus
пример решения с wrapAll можете продемонстрировать?

Замените в своем коде строки 2-6 на slector.wrapAll('<div/>')

face2005 10.09.2018 14:39

http://probnik.pp.ua
внизу 4 блока анонсов

laimas 10.09.2018 14:42

Цитата:

Сообщение от face2005
внизу 4 блока анонсов

А JS тут причем? Ну пропишите вы это сразу в шаблоне.

j0hnik 10.09.2018 14:44

$(".postTitle").each(function(i,el){
	$(el).add($(el).next()).wrapAll('<div class="cl"></div>');
});


Часовой пояс GMT +3, время: 17:25.