найти идентификатор предка ребенка

Question

я с Html как ..

<div id="Field1"> 
     <label id="label1">Name</label><br/> 
     <input type="text" data-attr="text" style="width: 200px;" id="input1"/> 
     <br/> 
     <label id="instr1"/> 

     <div class="xfb-row-options1> 
      <a class=button-delete src=">- 
      <a title="Add" class="button-add"> +</a> 
     </div> 
    </div> 

при нажатии на кнопку delete1 я хочу, чтобы удалить весь Div Field1. Я хочу узнать идентификатор родительского родителя кнопки-delete1, который является полем1. как получить так ??

т.е. по нажатию кнопки-удалить

$(".button-delete1").click(function(){ 
    // (*) 
}); 

(*) Здесь я хочу найти идентификатор Field1, который родитель держит класс кнопку- удалить, так что я могу использовать его значение идентификатора, Field1 в основном, что 1 и я могу полностью удалить этот DIV.

Пожалуйста, предложите мне.

Answer 1

Используйте parent() метод:.

(".button-delete1").click(function() { 
    alert($(this).parent().parent().attr("id")); 
}); 

Answer 2

$ (». Кнопка-delete1") родителя() родителя()

.