jQuery closest() với ví dụ

Phương thức closest() trong jQuery được sử dụng để trả về tổ tiên đầu tiên của phần tử được chọn.

Cú pháp

Cú pháp như sau:

$(selector).closest(filter)

Ví dụ

Hãy xem ví dụ sau để triển khai phương thức jQuery closest():

<!DOCTYPE html>
<html>
<head>
<style>
    .demo * {
        display: block;
        border: 2px solid blue;
        padding: 5px;
        margin: 15px;
    }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("span").closest("ol").css({"background-color": "orange", "color": "black", "border": "3px dashed orange"});
    });
</script>
</head>
<body class="demo">body
<div style="width:600px;">
<ol>ol
<ol>ol
<ol>ol
<li>li
<span>span</span>
</li>
</ul>
</ul>
</ul>
</div>
</body>
</html>

Đầu ra

Đoạn mã sẽ tìm thẻ <ol> tổ tiên gần nhất của thẻ <span> và áp dụng kiểu CSS (màu cam nền, chữ đen, viền nét đứt cam).