JQuery, tìm phụ huynh

Question

<ul><li><div><div><span id="thisid"></span></div></div></li></ul> 

$('#thisid').parent('li'); 

rõ ràng là không hoạt động, nhưng làm cách nào để lấy phần tử li? Tôi không muốn sử dụng:

$('#this').parent().parent().parent(); 

Tôi không muốn sử dụng vì có thể chỉ có một phần tử div thay vì hai. Trong trường hợp này, tôi sẽ lấy phần tử ul thay vì phần tử li.

Answer 1

$('#thisid').parents('li'); 
//    ^plural! 

Lưu ý rằng nếu bạn chỉ muốn <li> phần tử đầu tiên trong tổ tiên, bạn nên sử dụng closest():

$('#thisid').closest('li'); 

// `closest()` is equivalent to (but performs better than) 
$('#thisid').parents('li').eq(0); 
$('#thisid').parents('li').first(); 

• http://api.jquery.com/closest/
• http://api.jquery.com/parents/

Answer 2

đơn giản, sử dụng parents()

var parents = $("#thisid").parents('li'); 

Answer 3

Nên làm điều đó. Điều này sẽ cung cấp cho bạn phụ huynh đầu tiên (:eq(0)) khớp với thẻ bạn đang tìm kiếm.

Answer 4

$('#thisid').parents('li') 

hoặc nếu bạn chỉ muốn là người đầu tiên:

$('#thisid').closest('li') 

Answer 5

$('li').has('#thisid') 

http://api.jquery.com/has/

Answer 6

Bạn thực sự có thể muốn sử dụng $("#thisid").closest('li'). Điều này đi qua cây DOM từ nút đã chọn và trả về tổ tiên phù hợp đầu tiên trong khi .parents() di chuyển từ nút cha và trả về tất cả các nút tổ tiên phù hợp với bộ lọc đó. Xem here để biết thêm thông tin.

Answer 7

Tôi thích 'gần nhất' hơn 'cha mẹ'.

Cha mẹ di chuyển cây DOM lên phần tử gốc của tài liệu, thêm từng phần tử tổ tiên vào bộ sưu tập tạm thời; sau đó lọc bộ sưu tập đó dựa trên bộ chọn nếu bộ chọn được cung cấp.

trong đó

Đón gần nhất lên cây DOM cho đến khi tìm thấy kết quả phù hợp cho bộ chọn được cung cấp.

quan trọng Hầu hết những gì họ đưa ra trong kết quả:

Praents: trả lại jQuery đối tượng chứa zero hoặc nhiều yếu tố cho mỗi phần tử trong bộ hồ sơ gốc theo thứ tự tài liệu ngược lại.

gần nhất: trả lại jQuery đối tượng chứa zero hoặc một yếu tố cho mỗi phần tử trong bộ hồ sơ gốc theo thứ tự tài liệu

$('#thisid').closest('li'); 

Follow this Link