Как в jquery обратиться к потомку объекта по которому кликнули?

Пользователь

от kurt , в категории: JavaScript , 10 месяцев назад

Как в jquery обратиться к потомку объекта по которому кликнули?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от sherwood_littel , 10 месяцев назад

@kurt 

Для этого можно использовать методы children() или find(). При клике на объект получим его потомков:

1
2
3
4
5
6
$(document).ready(function(){
  $("div.parent").on("click", function(){
    $(this).children("p").css("color", "red");
    // или $(this).find("p").css("color", "red");
  });
});


В данном примере при клике на div с классом parent будут выделены красным цветом все его потомки p.

Пользователь

от roxanne.hauck , 16 дней назад

@kurt 

Можно использовать также методы children() и find() сочетая их с методом eq(), чтобы получить конкретного потомка по его индексу в коллекции. Например:

1
2
3
4
5
$(document).ready(function(){
  $("div.parent").on("click", function(){
    $(this).children().eq(2).css("color", "red"); // допустим, мы хотим обратиться ко второму потомку элемента
  });
});


В этом примере будет выделен красным цветом третий потомок элемента div с классом parent.