Home > JQuery API > jQuery Selector > :last-of-type 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-of-type Selector trong jQuery

First-of-type Selector sẽ chọn phần tử cuối cùng trong số các phần tử html có cùng tên thẻ và cùng nằm trong một phần tử cha nào đó.

Cú pháp

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

Ví dụ

Tìm kiếm thẻ span cuối cùng của các thẻ div cha 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>
            <b>Luu</b>
            <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-of-type" ).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