Поиск подходящего родителя с помощью jQuery
Учитывая элемент DOM, как мне найти его ближайшего родителя с заданным классом css?
$(".editButton").click(function() {
(magic container selector goes here).addClass("editing");
});
Я не хочу использовать лоты или $ (...). Parent (). Parent (), так как я не хочу быть привязанным к определенной структуре dom.
Ответы 4
Это должно работать
$(this).parents('.classYouWant:first').addClass("editing");
@Jennifer: Вы правы, если бы у элемента было более одного родителя, он установил бы редактирование для всех из них. Вы должны были опубликовать ответ. Я бы принял это.
Итак: сначала в этом примере получает ближайший родительский элемент к $ (this) с помощью .classYouWant? так работает это путь ВВЕРХ ДОМА?
Используйте .parents(".yourClass") вместо .parent().
Вы можете использовать родительский выбор. например, $(".myclass:parent").something(); найдет все элементы с классом myclass, у которых есть дочерние элементы.
Несмотря на то, что он правильный, он не решает вопрос, поскольку не находит родителя для определенного элемента dom.
$( this ).closest( '.yourselector' )
Как следует из названия, находит ближайшего предка для элемента this.
+1 Это мое предпочтение, когда я знаю, что мне нужен только 1 элемент
Я не прав, думая, что все функции jquery действительно возвращают список. Если это так, вы можете сделать $ (this) .parents ('. ClassYouWant: first') (попробуйте!)