Нахождение идентификатора предка ребенка

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 я хочу удалить полное поле Div1. Я хочу узнать Id родительского родителя кнопки-delete1, которая является Field1. как получилось ??

т.е. при нажатии кнопки-удаления

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

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

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

Answer 1

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

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

Answer 2

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