jQuery :lt() Selector - Chọn phần tử có số chỉ mục nhỏ hơn chỉ định

jQuery :lt() Selector
Để sử dụng jQuery và chọn (tìm) dòng thứ n trở về trước trong bảng table, hoặc một phần tử có số chỉ mục index nhỏ hơn một số chỉ định, chúng ta sẽ sử dụng bộ chọn jQuery :lt() Selector (less than - nhỏ hơn). Cùng xem đặc điểm, cú pháp, chức năng và cách sử dụng của bộ chọn này nhé

Cú pháp, Khái niệm và cách sử dụng jQuery :lt() Selector

Syntax

Bộ chọn jQuery :lt() Selector có cú pháp

$(":lt(index)")
Tham số Mô tả
index Tham số bắt buộc, đây là số chỉ mục index, phần tử đầu tiên có index = 0
lt chính là viết tắt của từ less than (có nghĩa là nhỏ hơn) do đó jQuery :lt() Selector dùng để chọn những phần tử có số chỉ mục index nhỏ hơn số được chỉ định.
Lưu ý: Phần tử đầu tiên sẽ có chỉ mục index = 0 nhé, không phải 1
Mẹo: Để chọn những phần tử có số chỉ mục lớn hơn số chỉ mục đưa ra, chúng ta sẽ sử dụng bộ chọn :gt() đã được đề cập ở bài viết trước.

Ví dụ jQuery :lt() Selector

Ví dụ

Chọn phần tử <tr> (dòng) có số chỉ mục nhỏ hơn 4, tức là dòng có index = 3 (dòng thứ 4) trở về trước

$("tr:lt(4)")
Hoặc có thể bạn xem ví dụ ở đây. Bấm vào các button dưới đây để xem các dòng được chọn tương ứng

Dòng 1 Index 0
Dòng 2 Index 1
Dòng 3 Index 2
Dòng 4 Index 3
Dòng 5 Index 4
Dòng 6 Index 5
Dòng 7 Index 6
Dòng 8 Index 7
Dòng 9 Index 8
Dòng 10 Index 9

Xem thêm bài viết Tất cả bộ chọn jQuery Selectors tại đây
Chuyên Mục :
tháng 7 10, 2020
Bình Luận

LaiXe.Xyz

Blog Lái Xe, chia sẻ thông tin về luật giao thông đường bộ, biển báo giao thông, thông tin về xe ô tô, thi bằng lái xe các hạng bằng A1, A2, B1, B2, C, D, E, F

Thi Thử Lái Xe B2 Mới Nhất

"Tiến hành giảng dạy bộ 600 câu hỏi vào tháng 06/2020 và áp dụng thi sát hạch vào tháng 10 năm 2020. Bộ đề 600 câu hỏi sẽ được phát hành dạng sách khoảng tháng 5/2020."

DMCA.com Protection Status