Love beautiful code? We do too.

  1. Home
  2. Tutorial
  3. Hàm jQuery
  4. .offsetParent() trong jQuery
Previous Lesson Next Lesson

.offsetParent() trong jQuery

Định nghĩa và sử dụng .offsetParent() trong jQuery

.offsetParent(): Lấy một thành phần "tổ tiên" gần nhất có sử dụng thuộc tính position, những thành phần được lấy không phân biệt position: relative, absolute hay fixed.

Cấu trúc .offsetParent() trong jQuery

Đã được thêm vào từ phiên bản 1.2.6

.offsetParent()

$('p').offsetParent();

.offsetParent()

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('.test').offsetParent().css('border','1px solid blue');
});
</script>
</head>

<body>
<ul style="position: relative;">
    <li>Thành phần thứ 1</li>
    <li>
        <ul style="position: relative;">
            <li>Thành phần 2-1</li>
            <li>Thành phần 2-2</li>
            <li>Thành phần 2-3</li>
            <li>
                <ul>
                    <li class="test">Thành phần 2-4-1</li>
                    <li>Thành phần 2-4-2</li>
                    <li>Thành phần 2-4-3</li>
                    <li>Thành phần 2-4-4</li>
                    <li>Thành phần 2-4-5</li>
                </ul>
            </li>
            <li>Thành phần 2-5</li>
        </ul>
    </li>
    <li>Thành phần thứ 3</li>
    <li>Thành phần thứ 4</li>
    <li>Thành phần thứ 5</li>
</ul>
</body>
</html>

Hiển thị trình duyệt:

Ta thấy thành phần tổ tiên gần nhất có sử dụng thuộc tính position đã được chọn.

Previous Lesson Next Lesson

Viết câu trả lời

Drop Images

0 Bình luận

Danh mục bài học

Hoclaptrinh.vn © 2017

From Coder With