Cách dùng :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 đó.
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.
Cú pháp
Cú pháp
1 | 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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <!DOCTYPE html> <html> <head> <meta charset= "utf-8" > <title>Học lập trình miễn phí tại freetuts.net</title> </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ả:
Bài viết này được đăng tại [free tuts .net]
Tham khảo: jquery.com
Cùng chuyên mục:
JQUERY SELECTOR
Cách dùng All Selector (“*”) trong jQuery
Cách dùng :animated Selector trong jQuery
Cách dùng Attribute Contains Prefix Selector [name|=”value”] trong jQuery
Cách dùng Attribute Contains Selector [name*=”value”] trong jQuery
Cách dùng Attribute Contains Word Selector [name~=”value”] trong jQuery
Cách dùng Attribute Ends With Selector [name$=”value”] trong jQuery
Cách dùng Attribute Equals Selector [name=”value”] trong jQuery
Cách dùng Attribute Not Equal Selector [name!=”value”] trong jQuery
Cách dùng Attribute Starts With Selector [name^=”value”] trong jQuery
Cách dùng :button Selector trong jQuery
Cách dùng :checkbox Selector trong jQuery
Cách dùng :checked Selector trong jQuery
Cách dùng Child Selector (“parent > child”) trong jQuery
Cách dùng Class Selector (“.class”) trong jQuery
Cách dùng :contains() Selector trong jQuery
Cách dùng Descendant Selector (“ancestor descendant”) trong jQuery
Cách dùng :disabled Selector trong jQuery
Cách dùng Element Selector (“element”) trong jQuery
Cách dùng :empty Selector trong jQuery
Cách dùng :enabled selector trong jQuery
Cách dùng :eq() Selector trong jQuery
Cách dùng :even Selector trong jQuery
Cách dùng :odd Selector trong jQuery
Cách dùng :file Selector trong jQuery
Cách dùng :first-child Selector trong jQuery
Cách dùng :first-of-type Selector trong jQuery
Cách dùng :first Selector trong jQuery
Cách dùng :focus Selector trong jQuery
Cách dùng :gt() Selector trong jQuery
Cách dùng Has Attribute Selector [name] trong jQuery
Cách dùng :has() Selector trong jQuery
Cách dùng :header Selector trong jQuery
Cách dùng :hidden Selector trong jQuery
Cách dùng ID Selector (“#id”) trong jQuery
Cách dùng :image Selector trong jQuery
Cách dùng :input Selector trong jQuery
Cách dùng :lang() Selector trong jQuery
Cách dùng :last-child Selector trong jQuery
Cách dùng :last-of-type Selector trong jQuery
Cách dùng :last Selector trong jQuery
Cách dùng :lt() Selector trong jQuery
Cách dùng Multiple Attribute Selector [name=”value”][name2=”value2″] trong jQuery
Cách dùng Multiple Selector (“selector1, selector2, selectorN”) trong jQuery
Cách dùng Next Adjacent Selector (“prev + next”) trong jQuery
Cách dùng Next Siblings Selector (“prev ~ siblings”) trong jQuery
Cách dùng :not() Selector trong jQuery
Cách dùng :nth-child() Selector trong jQuery
Cách dùng :nth-last-child() Selector trong jQuery
Cách dùng :nth-of-type() Selector trong jQuery
Cách dùng :nth-last-of-type() Selector trong jQuery
Cách dùng :only-child Selector trong jQuery
Cách dùng :only-of-type Selector trong jQuery
Cách dùng :parent Selector trong jQuery
Cách dùng :password Selector trong jQuery
Cách dùng :radio Selector trong jQuery
Cách dùng :reset Selector trong jQuery
Cách dùng :root Selector trong jQuery
Cách dùng :selected Selector trong jQuery
Cách dùng :submit Selector trong jQuery
Cách dùng :target Selector trong jQuery
Cách dùng :text Selector trong jQuery
Cách dùng :visible Selector trong jQuery
JQUERY EVENTS
Cách dùng .bind() trong JQuery
Cách dùng Click() trong jQuery
Cách dùng dblclick() trong jQuery
.blur() trong jQuery
JQUERY API
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..)
Chia lấy phần dư / chia lấy phần nguyên trong javascript
Các cách khai báo biến trong Javascript
Các sự kiện (Event) trong Javascript
Hướng tạo thanh search bar bằng CSS
Hàm array.slice() trong Javascript
Cách kiểm tra số nguyên dương trong javascript
Tính tổng hai số bằng Javascript (cộng hai số)