DIV entfernen bei Klick

Question

Ich habe ein DIV, das ich entfernen möchte, wenn ich auf einen Link in diesem DIV klicke. Hier ist, was ich habe:

<div id="clients-edit-wrapper"> 
    <div class="close-wrapper"> 
     <a href="#" class="close-div">Close</a> 
    </div> 
</div> 

Wenn ich auf „Schließen“ Ich will clients-edit-wrapper entfernt werden. Ich suche nach einer Möglichkeit, dies zu tun, indem ich auf den übergeordneten DIV des Close-Links verweisen, der in diesem Fall clients-edit-wrapper ist.

Jede Hilfe würde sehr geschätzt werden!

---

Antwort von Huangism unter:

$('.close-div').click(function(){ 
    $(this).parent().parent().remove(); 
}); 

Dies funktioniert nur, wenn das Element, das Sie entfernen möchten, auf zwei Eltern ist. In meinem Fall war genau das, was ich brauchte. Hier

Answer 1

gegeben Ihre HTML-Markup

Aktualisiert()

$('.close-div').on('click', function(){ 
    $(this).parent().parent().remove(); 
}); 

tatsächlich verwenden, die am nächsten() -Methode, es zuverlässiger ist und eine bessere Logik .on. Damit können Sie mehr wickeln schließen-div und es wäre nicht

Von Vision Materie Antwort

$(this).closest("#clients-edit-wrapper").remove(); 

mehr Flexibilität

bearbeiten
(Hinzugefügt verwandte Ressourcen)
Bitte sehen jQuery Dokumentation auf live()

Ab jQuery 1.7 ist die .live() -Methode veraltet. Verwenden Sie .on() zu Ereignishandler anhängen. Benutzer älterer Versionen von jQuery sollten .delegate() anstelle von .live() verwenden.

Soweit ich weiß, ist dies auf Speicherprobleme/Probleme mit live() zurückzuführen.

Answer 2

$('#clients-edit-wrapper').find('.close-div').click(function(){ 
    $('#clients-edit-wrapper').remove(); 
}); 

Answer 3

ist eine Lösung:

$(".close-div").on("click", function(event) { 
    $("#clients-edit-wrapper").remove(); 
    event.preventDefault(); 
}); 

#clients-edit-wrapper Element Um relativ zu .close-div Elemente, können Sie entweder parent().parent() oder closest mit ID:

$(this).parent().parent().remove();     // will do 
$(this).closest("#clients-edit-wrapper").remove(); // the same 

jedoch dem letzten doesn Es ist nicht sinnvoll, IDs von Seitenelementen sollten eindeutig sein, und es wird keine weiteren #clients-edit-wrapper geben.

Answer 4

Sie könnten auch closest verwenden.

$('.close-div').on('click', function(e) { 
    e.preventDefault(); 
    $('#clients-edit-wrapper').remove(); 
}); 

Answer 5

$(".close-div").click(function(){ 

    $("#clients-edit-wrapper").remove(); 

}); 

Answer 6

Da Sie das letzte Element der Eltern stützen, würde ich Ereignis-Delegation ermutigen:

$("#clients-edit-wrapper").on("click", ".close-div", function(e){ 
    e.preventDefault(); 
    $(e.delegateTarget).remove(); 
}); 

Answer 7

<div id="clients-edit-wrapper"> 
    <div class="close-wrapper"> 
     <a href="#" onclick="$('#clients-edit-wrapper').remove();" class="close-div">Close</a> 
    </div> 
</div>