Wenden Sie eine JavaScript-Funktion auf das übergeordnete Element des Elements an

Question

Ich habe gerade meine JavaScript/Jquery-Kenntnisse aktualisiert und ich dachte daran, eine einfache Todo-App zu erstellen. Ich habe herausgefunden, wie man Elemente mit Eingaben des Benutzers über eine Textbox erstellt. Alle diese Listenelemente haben einen Link zum Löschen einer Aufgabe. Ich will es so, dass wenn ein Benutzer auf diesen Link klickt, er den entsprechenden Listeneintrag löscht.

http://dl.dropbox.com/u/26335627/Projects/Todo%20App/index.html

Answer 1

Probieren Sie etwas wie folgt aus:

$('.delete-task').click(function(e){ 
    e.preventDefault(); 
    $(this).parent().remove(); 
    // do some other stuff 
}); 

Answer 2

Verwenden element.parentNode Eigenschaft.

Answer 3

$('.delete-task').click(function(){ 
    $(this).parent().remove(); 
});