Нахождение родителя элемента с JQuery

Question

Возможные Дублировать:
Detecting closest or parent div

мне нужна помощь о поиске элементов с JQuery. Как подсказки темы, мне нужно найти контейнер данного элемента. У меня уже есть код;

$('.cancel_button').bind "click", (event) -> 
    element = $(this.parentElement) 
    ... 
    ... 

Но это кажется очень уродливым для меня. Отмена button находится в элементе section. Интересно, если это возможно, чтобы сделать что-то вроде

$(this).containerElement('section') 

Answer 1

Вы можете искать parent или closest:

$(this).parent() 

// or 

$(this).closest('section') 

Вы могли бы даже объединить их, потому что closest возвращает текущий элемент если он совпадает. Так что, если вы имели div, что было в section, который был в div:

<div id="outer"> 
    <section> 
     <div id="inner">....</div> 
    </section> 
</div> 

... и вы хотели бы получить outer, когда событие произошло inner, было бы:

$(this).parent().closest('div'); 

Но когда элемент, с которого вы начинаете, не соответствует селектору, он вам не нужен.

Answer 2

$(this).parent(); // get parent of current object 
$(this).closest('.class'); // get closest parent that have class="class" 
$(this).closest('section') // get closest parent that is section element