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

Question

[Mark]

Возникла определенная проблема с кодом. Как задавать класс hide не только li но и их родительским элементам, block?
https://codepen.io/marki1404/pen/NWKYxjB

Answer 1

[Сергей c0re]

У вас вопрос по JQuery, а код на чистом JS ?
для чистого JS смотрите свойства parentNode и parentElement

соответственно в код добавить следующее:
скрытие элемента
elem.parentNode.classList.add('hide');

показывание элемента
elem.parentNode.classList.remove('hide');



PS: для JQuery это метод .parent()

Comments

[Mark]

благодарю за помощь!

Answer 2

[irishmann]

Находим нужного родителя и делаем что хотим

Comments

[Mark]

Спасибо за ответ, но я что-то делаю не так, в чем проблема
var test = elem.closest('.block');
test.addClass('hide');

[hzzzzl]

Mark Sikr, test.classList.add('hide')

ну или $(test).addClass('hide'); наверно через jquery так будет

[Mark]

hzzzzl, все равно выбивает ошибку. Я попробовал вывести переменную в консоль, но ее значение равны null

[hzzzzl]

Mark Sikr, а ссылку на кодепен я не открыл даже почему-то :)

elem.parentNode.classList.add('hide')

elem.parentNode.classList.remove('hide')

[hzzzzl]

Mark Sikr, да и нет ошибки, работает же
elem.closest('.block').classList.add('hide')
elem.closest('.block').classList.remove('hide')

[Mark]

hzzzzl, да, заработало, спасибо за помощь!