Sự khác biệt giữa các hàm cha mẹ jQuery (), cha mẹ () và gần nhất ()

Tôi đã sử dụng jQuery được một thời gian. Tôi muốn sử dụng parent()bộ chọn. Tôi cũng đã đưa ra các công closest()cụ chọn. Không thể tìm thấy bất kỳ sự khác biệt giữa chúng. Có cái nào không? Nếu có?

Sự khác biệt giữa parent(), parents()và là closest()gì?

closest()chọn phần tử đầu tiên phù hợp với bộ chọn, lên từ cây DOM. Bắt đầu từ các yếu tố hiện tại và đi lên.

parent() chọn một phần tử lên (tăng cấp đơn) cây DOM.

parents()phương thức tương tự parent()nhưng chọn tất cả các phần tử phù hợp trên cây DOM. Bắt đầu từ yếu tố cha mẹ và đi lên.

từ http://api.jquery.com/closest/

Các .parents () và .closest () giống nhau ở chỗ cả hai đều đi qua cây DOM. Sự khác biệt giữa hai, mặc dù tinh tế, là đáng kể:

.closest ()

• Bắt đầu với yếu tố hiện tại
• Đi lên cây DOM cho đến khi tìm thấy kết quả khớp với bộ chọn được cung cấp
• Đối tượng jQuery được trả về chứa 0 hoặc 1 phần tử

.cha mẹ()

• Bắt đầu với phần tử cha
• Đi lên cây DOM đến phần tử gốc của tài liệu, thêm từng phần tử tổ tiên vào một bộ sưu tập tạm thời; sau đó nó lọc bộ sưu tập đó dựa trên bộ chọn nếu được cung cấp
• Đối tượng jQuery được trả về chứa zero, one hoặc nhiều phần tử

.cha mẹ()

• Đưa ra một đối tượng jQuery đại diện cho một tập hợp các phần tử DOM, phương thức .parent () cho phép chúng ta tìm kiếm thông qua cha mẹ của các phần tử này trong cây DOM và xây dựng một đối tượng jQuery mới từ các phần tử phù hợp.

Lưu ý: Các phương thức .parents () và .parent () tương tự nhau, ngoại trừ phương thức sau chỉ di chuyển một cấp độ duy nhất lên cây DOM. Ngoài ra, phương thức $ ("html"). Parent () trả về một tập hợp chứa tài liệu trong khi $ ("html"). Parent () trả về một tập hợp trống.

Dưới đây là các chủ đề liên quan:

• Sự khác biệt giữa .closest () và .parents ('bộ chọn') là gì?

• https://stackoverflow.com/a/2200805/149206

Sự khác biệt giữa hai, mặc dù tinh tế, là đáng kể:

.closest ()

• Bắt đầu với yếu tố hiện tại
• Đi lên cây DOM cho đến khi tìm thấy kết quả khớp với bộ chọn được cung cấp
• Đối tượng jQuery được trả về chứa 0 hoặc 1 phần tử

.cha mẹ()

• Bắt đầu với phần tử cha
• Đi lên cây DOM đến phần tử gốc của tài liệu, thêm từng phần tử tổ tiên vào một bộ sưu tập tạm thời; sau đó nó lọc bộ sưu tập đó dựa trên bộ chọn nếu được cung cấp
• Đối tượng jQuery được trả về chứa zero, one hoặc nhiều phần tử

Từ tài liệu jQuery

Có sự khác biệt giữa cả hai $(this).closest('div')và$(this).parents('div').eq(0)

Về cơ bản closestbắt đầu khớp phần tử từ phần tử hiện tại trong khi parentsbắt đầu khớp phần tử từ phần tử mẹ (một cấp trên phần tử hiện tại)

See http://jsfiddle.net/imrankabir/c1jhocre/1/

$(this).closest('div')cũng giống như $(this).parents('div').eq(0).