Tìm tổ tiên với thuộc tính hoặc lớp cụ thể trong jQuery

Question

Tôi có phần tử DOM elem có phần tử tổ tiên có lớp myClass (cách khác là thuộc tính có một số tên). Vấn đề là Tôi cần phải tìm tổ tiên này một cách dễ dàng với jQuery. Hiện nay, tôi đang mắc kẹt với xấu xí thứ thử-và-lỗi như

var ancestor = $(elem).parent().parent().parent().parent().parent().parent().parent(); 

Nếu những thay đổi mã HTML, mã jQuery dễ dàng phá vỡ.

Có thể tìm phần tử tổ tiên với mã jQuery thanh lịch hơn không?

Answer 1

Sử dụng closest(), nó sẽ duyệt DOM từ phần tử hiện tại cho đến khi tìm thấy phần tử gốc khớp với bộ chọn bạn cung cấp.

var ancestor = $(elem).closest(".myClass"); 

Docs

Answer 2

Hãy thử

var ancestor = $(elem).closest(selector what are you looking for); 

Answer 3

phương pháp mới được thêm vào bởi jQuery, các parents chức năng cho phép bạn kiểm tra tất cả các bậc cha mẹ với bộ chọn.

var ancestor = $(elem).parents(".myClass");

Answer 4

Chỉ class giải pháp được trình bày, nhưng không phải là attribute một.

Tôi tìm thấy câu trả lời của tôi ở đây: [? Làm thế nào để Chọn Tổ tiên Đầu tiên phù hợp với một Selector] jQuery find closest parent link with attribute