Как выбрать дочерний элемент JQuery?

Question

[Lara B]

например: есть блок с карточками . cards
в нем несколько карточек с одинаковым классом .price-cards-item ,
в них есть скрытый список .card-list
Пробую показать список при клике по карточке

$('.price-cards-item').on('click', function(){
$('ul.card-list').css('display', 'block');
}
но почему-то показываются списки всех карточек. как же выбрать список именно той карточки, по которой кликаю?

Answer 1

[Сергей]

Вместо css('display', 'block'); можно указать show();
Для взятия объекта\элемента, по которому кликнули, можно указывать указатель this.

$('.price-cards-item').on('click', function(){
   $(this).find('.card-list').show();
});

Comments

[Lara B]

Ессс!!! Я пробовала не .find, а .children - не работало совсем . Огромнющее спасибо!!!