jQuery :eq() Selector - Chọn phần tử theo số chỉ mục

views

A+A-

PrintEmail

Để chọn một phần tử duy nhất có số chỉ mục cụ thể. Chúng ta sẽ sử dụng bộ chọn jQuery :eq() Selector. Cùng tìm hiểu cú pháp và cách sử dụng như thế nào nhé

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

Syntax

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

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

jQuery :eq() Selector dùng để chọn một phần tử duy nhất có số chỉ mục cụ thể.
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

Ví dụ jQuery :eq() Selector

Ví dụ

Chọn phần tử <p> là phần tử có số chỉ mục index = 1, tức là phần tử <p> ở vị trí thứ 2

$("p:eq(1)")

Hoặc chọn phần tử <li> có chỉ số index = 2, tức nằm ở vị trí thứ 3

$("li:eq(2)")

Thử code »

Các bạn bấm các nút sau để hiểu rõ hơn về cách hoạt động của bộ chọn eq() nhé

• Dòng 1 có chỉ số index = 0
• Dòng 2 có chỉ số index = 1
• Dòng 3 có chỉ số index = 2
• Dòng 4 có chỉ số index = 3
• Dòng 5 có chỉ số index = 4
• Dòng 6 có chỉ số index = 5
• Dòng 7 có chỉ số index = 6

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