jQuery: Nhận một trong các bộ phần tử đã chọn

Question

Có một số yếu tố được chọn bởi $(".foo"). $(".foo").text() trả về văn bản của từng phần tử được nối với nhau. Tôi chỉ muốn văn bản của một phần tử. Cách tốt nhất để làm việc này là gì?

$(".foo")[0].text() không thành công.

Answer 1

Bạn muốn sử dụng .eq(0), như thế này:

$(".foo").eq(0).text() 

Khi bạn làm $(".foo")[0] hoặc $(".foo").get(0) bạn đang nhận được Phần tử DOM, không phải là jQuery đối tượng, .eq() sẽ nhận được các đối tượng jQuery, có phương thức .text().

Answer 2

Thông thường, sử dụng cú pháp chọn # chọn một thành phần bởi id giá trị thuộc tính. Bạn có nhiều hơn một phần tử có cùng giá trị thuộc tính id không? Nếu có, thì bạn cần sửa HTML của mình. id giá trị thuộc tính phải là duy nhất trong tài liệu.

Answer 3

Các mục trong mảng jQuery luôn trả về các phần tử dom (không phải các phần tử được bao bọc bởi jQuery). Bạn có thể làm một cái gì đó như:

 
$($("#foo")[0]).text()