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

Question

[rasimzes]

Необходимо чтобы изменения заголовка и цены происходили только в том блоке в котором был изменен select.
Codepen

Answer 1

[0xD34F]

$('.myselect').change(function() {
  $(this)
    .closest('.card')
    .find('[data-name]')
    .hide()
    .filter(`[data-name="${this.value}"]`)
    .show();
}).trigger('change');

Comments

[rasimzes]

Спасибо!

Answer 2

[profesor08]

Выбираешь блоки, в блоке выбираешь селект, навешиваешь на него обработчики.