Phương thức offsetParent
Phương thức offsetParent cho phép lấy
phần tử tổ tiên được định vị gần nhất
của một phần tử. Khái niệm 'được định vị'
ở đây được hiểu là phần tử có thuộc tính CSS
position,
được đặt thành giá trị relative,
absolute, hoặc fixed.
Phương thức này hữu ích trong hoạt ảnh và khi sắp xếp
các phần tử trên trang.
Cú pháp
Lấy phần tử tổ tiên được định vị gần nhất:
$(bộ chọn).offsetParent();
Ví dụ
Hãy tìm phần tử tổ tiên được định vị gần nhất
(trong trường hợp của chúng ta là relative) của đoạn văn có
#test và tô màu nền của nó thành xanh lá cây:
<div>
<p>aaa</p>
<div style="position: relative;">
<p>bbb</p>
<p>bbb</p>
<p>bbb</p>
<div>
<p id="test">ccc</p>
<div>
<p>ddd</p>
<p>ddd</p>
<p>ddd</p>
</div>
<p>ccc</p>
<p>ccc</p>
</div>
</div>
<p>aaa</p>
<p>aaa</p>
</div>
$('#test').offsetParent().css('background-color', 'green');
