Home > JQuery API > jQuery Selector > :last-child Selector
Tuyển 1 bạn nữ CNTT dịch bài javascript tiếng Anh sang tiếng Việt (kiến thức căn bản), 1 bài 100 - 400 từ, nhuận bút 10k -> 20k. Liên hệ Zalo: 0979306603.

Hàm :last-child Selector trong jQuery

Last-child Selector sẽ lựa chọn phần tử con cuối cùng của phần tử cha nào đó.

Trong khi :last chỉ có thể trả tìm kiếm duy nhất một phần tử, :last -child selector có thể tìm kiếm được nhiều phần tử, một phần tử con cuối cùng cho mỗi phần tử cha(xem ví dụ để hiểu rõ hơn).

Cú pháp

Cú pháp
jQuery( ":last-child" )

Ví dụ

Tìm kiếm thẻ span cuối cùng của các thẻ div và đổi màu cho chúng:

Code RUN
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Học lập trình miễn phí tại freetuts.net</title>
        <script src="https://freetuts.net/cnd/js/jquery/jquery-3.2.1.min.js"></script>
    </head>
    <body>
        <h1>Học lập trình miễn phí tại freetuts.net</h1>
    
        <div>
            <span>PHP</span>
            <span>Css</span>
            <span>HTML</span>
        </div>
        <div>
            <span>Glen,</span>
            <span>Tane,</span>
            <span>Ralph</span>
        </div>
        <button onclick="myFunction()">Click vào đây để xem kết quả</button>
        <script>
            function myFunction(){
                $( "div span:last-child" ).css( "color", "red");
            }
        </script>
    </body>
</html>

Kết quả:

 

Tham khảo: jquery.com

Bình luận đã đóng, nếu có thắc mắc hãy đặt câu hỏi tại hoicode.com để admin trả lời.

Nguồn: freetuts.net

BÀI VIẾT

notice png LIST home png HOME hot gif BÁO
LỖI
top png TOP