Как в Jq выбрать определенные теги и вывести их в другом месте страницы?

Question

[Дмитрий Поляков]

Нужно скопировать элементы и вывести их в другом месте.
Есть, приблизительно, такая структура:

<li>
  <p></p>
  <p></p>
</li>
<li>
  <p></p>
</li>
<li>
  <p></p>
  <p></p>
  <p></p>
  <p></p>
</li>
<li></li>

Нужно в переменную записать только теги <p> относящиеся к текущему <li>, что бы потом из вывести их через .append()

Answer 1

[alex]

var p = $('li').find('p').clone();
$('#output').append(p);

Comments

[Дмитрий Поляков]

почему-то у меня, при таком подходе, jq вставляет [object Object]

var card = $(this).find('.card');
                $(card).append(
    '<img class="close" src="' + content_url + '/uploads/2017/04/close.png" alt="Закрыть">' + 
    '<div class="clearfix"></div>' +
    '<div class="wrap">' + 
        image + 
        '<p class="autor">' + autor + '</p>' + 
        '<p class="title">' + title + '</p>' + 
    '</div>' + 
    '<div class="desc">' + description + '</div>' + 
    '<div class="clearfix"></div>' + 
    '<div class="bye">' + 
        '<p>получить книгу можно здесь:</p>' + 
        '<a href="' + link + '">' + link + '</a>' + 
    '</div>').css('cursor', 'default');

[Дмитрий Поляков]

если копирую так:
image = $(this).find('img')[0].outerHTML;
то все норм, но если элементов больше одного то естественно, добавляется первый. А если циклом for, подставлять вместо [0] переменную [i], то вообще получается пустой массив

[Сергей Соколов]

Дмитрий Поляков: card уже объект (массивоподобный) jQuery, не надо его оборачивать в $( ). Смысл дальнейшего кода – вы к каждому параграфу хотите дописать указанный html?

[alex]

Дмитрий Поляков: Попробуйте так:

image = $(this).find('img').map(function (i, el) {
  return el.outerHTML;
}).get().join('');

[Дмитрий Поляков]

Сергей Соколов: Смысл кода: это wp. Я вывожу категорию циклом wp в слайдер и jq формирую всплывающую "карточку" книги. Собственно вот: ссылка

[Дмитрий Поляков]

Сергей Соколов: Alex: метод map() сработал. Спасибо за помощь!

Answer 2

[Сергей Соколов]

Смотрите .detach() и appendTo()

Comments

[Дмитрий Поляков]

это да, вопрос в том, как записать в переменную несколько элементов?

[Сергей Соколов]

Дмитрий Поляков: они и запишутся всей толпой в одну переменную : ) Смотрите пример кода по ссылке на detach()

[Сергей Соколов]

$('li').on('click', function(){ var p = $('p', this).detach(); p.appendTo('body'); });

[Дмитрий Поляков]

Если желание помочь еще осталось, посмотрите, пожалуйста, комментарии в ответе ниже. Спасибо