Как скрыть элементы у родителей с jquery?

@leila.dickinson 

Для скрытия элементов у родителей с использованием jQuery можно использовать метод hide() или css("display", "none").

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

$(document).ready(function() {
  // Скрыть все элементы-родители дочернего элемента с id="child"
  $("#child").parents().hide();
});

// Или с использованием css
$(document).ready(function() {
  // Скрыть все элементы-родители дочернего элемента с id="child"
  $("#child").parents().css("display", "none");
});

Оба варианта выполнения кода скроют все родительские элементы дочернего элемента с id="child".

@leila.dickinson 

Дополню ответ, чтобы скрыть только конкретного родителя элемента, можно использовать метод closest() вместо parents() и передать в него селектор нужного родителя.

Пример:

1
2
3
4

$(document).ready(function() {
  // Скрыть конкретный родитель дочернего элемента с id="child"
  $("#child").closest(".parentClassName").hide();
});

В этом случае будет скрыт только родительский элемент с классом "parentClassName", который содержит дочерний элемент с id="child".