Tilda как получить название товара по клику на кнопку?

Question

[festus13]

Добрый день, подскажите как правильно получить значение div при клике на кнопку, если этот эта кнопка не находится внутри данного блока. Это каталог товаров на тильде, хочу сделать кастомное уведомление о добавлении товара в корзину, и хочу в этом уведомлении указать название добавляемого товара, но не могу получить его назване.

Проблема заключается в том что блок значение которого мне нужно найти находится вне блока с кнопкой. Пытался использовать разные вариации с использование this, find,siblings но так и не получилось
Код карточки товара:

<div class="t-store__card__wrap_txt-and-btns" style="height: 239px;">
   <div class="store__card__wrap_txt-and-opts">
      <a href="https://project5646004.tilda.ws/lazertag/tproduct/490387465-373959995601-gramoti">
         <div class="t-store__card__textwrapper">
            <!-- js-store-prod-name это блок к которому нужно получить доступ  -->
            <div class="js-store-prod-name js-product-name t-store__card__title t-name t-name_md" style="color:#212121;font-weight:700;" field="st_title__373959995601" data-redactor-toolbar="no">Грамоты</div>

         </div>
      </a>
      <div class="js-product-controls-wrapper t-store__card__prod-controls-wrapper"></div>
   </div>
   <div class="t-store__card__btns-wrapper js-store-buttons-wrapper t-store__card__btns-wrapper--quantity">
      <!-- t-store__card__btn это кнопка для срабатывания уведомления  -->
      <a href="#order" class="js-store-prod-btn2 t-store__card__btn t-store__card__btn_second t-btn t-btn_sm" style="color:#ffffff;background-color:#138010;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;font-family:monts;font-weight:500;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);"><span class="t-store__card__btn-text">Купить сейчас</span></a>
   </div>
</div>

Answer 1

[Павел]

$(this).closest('.t-store__card__wrap_txt-and-btns').find('.t-store__card__title').text();

Нет?

Comments

[festus13]

щас попробую

[festus13]

$('.t-store__card__wrap_txt-and-btns').find('.t-store__prod__quantity__plus').click(function() {
	let name =  $(this).closest('.t-store__card__wrap_txt-and-btns').find('.t-store__card__title').text();
	console.log(name);
	console.log($(this).closest('.t-store__card__wrap_txt-and-btns').find('.t-store__card__title').text());
	console.log($(this).closest('.t-store__card__wrap_txt-and-btns').find('.t-store__card__title'));
});

Не прошло, closet ведь получает первый элемент в наборе, но клик у меня происходить по кнопке вне этого блока.

[pjery3]

festus13, Так попробуйте

$('body').on('click',  '.t-store__card__wrap_txt-and-btns .t-store__prod__quantity__plus', function(e){
   let name =  $(this).closest('.t-store__card__wrap_txt-and-btns').find('.t-store__card__title').text();
})

[festus13]

pjery3, не получилось, создал кодпен, что бы было удобнее https://codepen.io/ForZZ1313/pen/gOzmbKy

[pjery3]

festus13, потому что он не может найти элемент ".t-store__prod__quantity__plus". Если вы добавите этот класс к кнопке - кто знает, может и сработает :)

[festus13]

pjery3, Понял, немного не заметил что класс другой указал, спасибо большое.

Answer 2

[podushka]

$('.js-store-prod-btn2').click(function(){
        var product_name_divs = $(this).parent().parent();
        var product_name = $(product_name_divs[0]).find('.js-store-prod-name').text()
        alert(product_name);
})