14/08/2018, 09:46
: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 ...
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 code24h.com</title>
<script src="https://code24h.com/cnd/js/jquery/jquery-3.2.1.min.js"></script>
</head>
<body>
<h1>Học lập trình miễn phí tại code24h.com</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
Các loại api khác
- jQuery Selector
- jQuery Events
Nguồn: code24h.com
