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

views

A+A-

PrintEmail

Để 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)")

Thử code »

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 : Bộ chọn jQuery Học jQuery jQuery Selectors