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

views

A+A-

PrintEmail

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

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

Syntax

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

$(":gt(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

gt chính là viết tắt của từ greater than (có nghĩa là lớn hơn) do đó jQuery :gt() Selector dùng để chọn những phần tử có số chỉ mục index lớn hơn số được chỉ định.
Lưu ý: Phần tử đầu tiên cần tìm 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 nhỏ hơn số chỉ mục đưa ra, chúng ta sẽ sử dụng bộ chọn :lt() được đề cập trong bài viết sau

Ví dụ jQuery :gt() Selector

Ví dụ

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

$("tr:gt(3)")

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