Есть несколько блоков, как забрать текст с блока, и вставить его в попап, чтобы в каждом попапе был текст от блока, на котором нажал на кнопку?

Question

[BiNGo03]

всем привет, делал заказ, и столкнулся с проблемой, что когда выводится попап нужно что бы заголовок, текст, и картинки слайдера, строго зависели от ссылки на которую нажал, как сделать это? ( понимаю что через js, а как именно, или где почитать не знаю )

Comments

[Павел Корнилов]

делал заказ...

понимаю что через js, а как именно...

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

Answer 1

[Антон Литвиненко]

Как отследить с какой кнопки отпралена заявка wordpress?

$('.кнопка_которая_открывает_модалку').on('click', function (e) {
  e.preventDefault();
  var $data = $(this).parents('.селектор_одного_итема').find('.обертка_в_которой_все_данные').html(); // выбрали все данные
  $('.тут_селектор_модалки').find('.обертка_в_которую_будем_вставлять_данные').html($data); // вставляем данные в модалку
  // тут код который открывает модалку или что там у вас
});

Comments

[BiNGo03]

я посмотрел этот код, и не понял что куда прописывать ( в js очень слаб )

$('.open-modal-btn').on('click', function (e) {
  e.preventDefault();
  var $title = $(this).parents('.cf7-item').find('.cf7-title').text(); //тут я получаю родителя с классом и в нем ищу тайтл, там так нужно было
  $('#call-to-action').find('.modal-target').val($title);// это скрытый инпут
  var $target = $(this).attr('data-target');
  openModal($target);
});

[Антон Литвиненко]

BiNGo03, дополнил

[BiNGo03]

Антон Литвиненко, спасибо больше, получилось

Answer 2

[deblow]

const data = document.querySelector('.родительский блок').innerHTML
document.querySelector('блок куда вставляем').innerHTML = data

Comments

[BiNGo03]

спасибо! работает, только выводит текст первого блока, как сделать чтобы текст зависил от блока?

[Антон Литвиненко]

BiNGo03, через this

[BiNGo03]

Антон Литвиненко, а куда можно в этом коде "this" вставить?

[Антон Литвиненко]

BiNGo03, я вам кинул кусок кода для понимания общей идеи. Нажатая кнопка это this. От неё берём родителя, например обертку блока, а от него внутрь ищем контент который нужен