jQuery chaining parent(), có cách nào dễ hơn không?

Question

Hay, Tôi có một số đánh dấu như thế này

<div id="some-id"> 
    <h2><a href="#">Title</a></h2> 
</div> 

và một số jQuery như thế này

$(this).parent().parent().attr("id") 

$ (này) được đề cập đến 'a' thẻ trong 'h2'

Có cách nào dễ dàng hơn để chọn div cha mẹ mà không sử dụng parent() hai lần. Tôi đã thử

$(this).parent("div").attr("id") 

nhưng nó không hoạt động.

Cảm ơn

Answer 1

Bạn có thể sử dụng .closest(), như thế này:

$(this).closest("div").attr("id") 

You can test it here. .parent("div") không phải là trực quan như có vẻ như, nó được chỉ các ngay mẹ nếu nó phù hợp với selector, .closest() trèo cha mẹ cho đến khi nó phù hợp với selector.

Xin lưu ý rằng (không áp dụng cho ví dụ này) nếu this phù hợp với chọn, nó sẽ trả rằng phần tử, nó không bắt đầu với phụ huynh đầu tiên, nó bắt đầu với chính nó.