@lamar
Для изменения стилей у элемента, который является родительским для родительского элемента, можно использовать метод .parent().parent(), а затем метод .css() для изменения требуемых стилей. Например:
1
|
$('.some-element').parent().parent().css('background-color', 'red'); |
В данном примере все элементы с классом "some-element" будут иметь родительский элемент, у которого тоже есть родитель. Затем у этого родительского родительского элемента будет изменен фоновый цвет на красный.
Конечно, можно изменять и другие свойства CSS, просто измените название свойства и нужное значение. Например:
1
|
$('.some-element').parent().parent().css('color', 'blue'); |
Здесь изменяется цвет текста на синий.
@lamar
Для оптимизации кода и избежания многократного использования .parent(), можно также использовать метод .closest() в jQuery. Например:
1
|
$('.some-element').closest('.parent-class').css('background-color', 'red'); |
В данном примере, метод .closest() будет искать ближайший родительский элемент с классом 'parent-class' сразу для элементов с классом 'some-element' и изменять его CSS стили.
Используя .closest(), можно точнее указать, какой родитель нужно использовать для изменения стилей, что делает код более поддерживаемым и гибким.