Trouver id de l'ancêtre d'un enfant

Question

J'ai un Html comme ..

<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> 

sur en cliquant sur le bouton DELETE1 je veux supprimer la pleine Div Champ1. Je veux arriver à connaître l'Id du parent du parent de button-delete1 qui est Field1. comment l'obtenir?

soit le clic de bouton supprimer

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

(*) Ici, je veux trouver l'identifiant de Field1 qui est le parent tient la classe button- supprimer afin que je puisse utiliser son identifiant qui est Field1 principalement que 1 et je peux supprimer ce DIV entièrement.

Je vous suggère.

Answer 1

Utilisez la méthode parent().

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

Answer 2

$ (». Bouton-DELETE1") parent() parent()

.