Спозиционированные родительские элементы

.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~

Ссылки

Поисковые ключи:
  • родительский элемент относительно которого спозиционирован текущий
  • элемент относительно которого спозиционирован текущий
  • .offsetParent()
  • offsetParent()

От автора jquery.page2page.ru

 
Мини-игра про поход за продуктами во время карантина.

за Comic Sans извЕняем