Как поменять стили у .parent().parent() с помощью jquery?

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

от lamar , в категории: JavaScript , год назад

Как поменять стили у .parent().parent() с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от ransom_homenick , год назад

@lamar 

Для изменения стилей у элемента, который является родительским для родительского элемента, можно использовать метод .parent().parent(), а затем метод .css() для изменения требуемых стилей. Например:

1
$('.some-element').parent().parent().css('background-color', 'red');


В данном примере все элементы с классом "some-element" будут иметь родительский элемент, у которого тоже есть родитель. Затем у этого родительского родительского элемента будет изменен фоновый цвет на красный.


Конечно, можно изменять и другие свойства CSS, просто измените название свойства и нужное значение. Например:

1
$('.some-element').parent().parent().css('color', 'blue');


Здесь изменяется цвет текста на синий.

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

от kyleigh_runte , месяц назад

@lamar 

Для оптимизации кода и избежания многократного использования .parent(), можно также использовать метод .closest() в jQuery. Например:

1
$('.some-element').closest('.parent-class').css('background-color', 'red');


В данном примере, метод .closest() будет искать ближайший родительский элемент с классом 'parent-class' сразу для элементов с классом 'some-element' и изменять его CSS стили.


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