Спозиционированные родительские элементы
.offsetParent()
Возвращает ближайшего предка (т.е. из числа: родитель, прародитель, и так далее, до начало дерева DOM), у которого задан тип позиционирования (position равен relative или absolute или fixed). Элементы с заданным позиционированием играют особую роль, поскольку именно относительно них происходит позиционирование всех элементов внутри. Метод имеет один вариант использования:
.offsetParent():jQuery1.2.6
Метод не имеет параметров.
Пример
Для элемента с классом inner найдем и выделим желтым цветом ближайший родительский элемент, у которого задан тип позиционирования.
~lt~!DOCTYPE html~gt~ ~lt~html~gt~ ~lt~head~gt~ ~lt~script src="https://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~ ~lt~style~gt~ div{ border:1px solid black; } .inner{ width:30px; height:30px; font-size:20pt; padding:7px; margin:7px; background-color:white; } .outer{ position:relative; width:100px; height:100px; margin:15px; background-color:white; } .wrap{ width:60px; height:60px; margin:18px; background-color:white; } ~lt~/style~gt~ ~lt~/head~gt~ ~lt~body~gt~ ~lt~div class="outer"~gt~ ~lt~div class="wrap"~gt~ ~lt~div class="inner"~gt~ B ~lt~/div~gt~ ~lt~/div~gt~ ~lt~/div~gt~ ~lt~script~gt~ $(".inner").offsetParent().css('background-color', 'yellow'); ~lt~/script~gt~ ~lt~/body~gt~ ~lt~/html~gt~