Close parent div

Question

J'ai un ensemble de div avec quelques éléments enfants. À l'intérieur div div j'ai un lien hypertexte. Si je clique sur le lien hypertexte, je veux fermer le div parent du lien actuellement cliqué, pas d'autres div.

Ex:

<div class="1"><a href="#" class="closeThis">close</a></div> 
<div class="2"><a href="#" class="closeThis">close</a></div> 
<div class="3"><a href="#" class="closeThis">close</a></div> 
<div class="4"><a href="#" class="closeThis">close</a></div> 

si je clique sur le lien dans la classe = "1" alors je veux juste cacher le parent actuel de class = "1" div, pas d'autres div parent.

Aidez-moi à résoudre ce problème. Merci d'avance.

Answer 1

Essayez ceci:

Vos liens:

<div class="1"><a href="#" class="closeThis" onclick="removeThis(this);">close</a></div> 
<div class="2"><a href="#" class="closeThis" onclick="removeThis(this);">close</a></div> 
<div class="3"><a href="#" class="closeThis" onclick="removeThis(this);">close</a></div> 
<div class="4"><a href="#" class="closeThis" onclick="removeThis(this);">close</a></div> 

<script> 
    function removeThis(field) 
    { 
    $(field).parent().hide(); 
    } 
</script> 

Note: Vous pouvez également utiliser remove() au lieu de hide() comme indiqué ci-dessus. Merci

Answer 2

Essayez:

$("div a.closeThis").click(function(){ 
    $(this).parent().hide(); 
});