Aktuelles Elternelement löschen.

francosdad

Mitglied
Hallo,

ich lasse über Javascript eine Liste dynamisch generieren, etwa wie folgt:

HTML:
<ol>
 <li>1. Eintrag</li><a href="javascript: BEFEHL zum LÖSCHEN" >löschen</li>
 <li>2. Eintrag</li><a href="javascript: BEFEHL zum LÖSCHEN" >löschen</li>
 <li>3. Eintrag</li><a href="javascript: BEFEHL zum LÖSCHEN" >löschen</li>
 <li>4. Eintrag</li><a href="javascript: BEFEHL zum LÖSCHEN" >löschen</li>
</ol>

Die Erzeugung der Liste basiert auf den Rückgabewerten aus einem HTTPRequest.
Da das Script mit der Erzeugung der Liste zu jedem Request neu aufgerufen wird, ist es mir bis jetzt auch nicht gelungen die <li> tags mit eindeutigen ID'S zu versehen.

Hat jemand eine Idee wie man das machen könnte?
Bzw. gibt es eine Möglichkeit den Javascriptaufruf im a Tag so ähnlich wie removeChild(this) zu machen, um nur das aktuelle Element zu löschen?

Im Prinzip möchte ich die hinzugefügten Einträge auch wieder löschen können, und zwar immer den, in welchem ich den a Tag anspreche.

Danke und Grüße
Michael
 
Hi,

du könntest es wie folgt realisieren.
Code:
<li>1. Eintrag <a onclick="this.parentNode.parentNode.removeChild(this.parentNode); return false;" href="javascript: BEFEHL zum LÖSCHEN" >löschen</a></li>

Du hast ausserdem in jedem Listenpunkt ein schliessendes LI-Tag zuviel und ein schliessendes A-Tag zu wenig.

Ciao
Quaese
 
Hallo,

ja, der Fehler hat sich hier eingeschlichen (habs nur schnell hingekrakelt).

Ansonsten Danke, funktioniert perfekt.

Beste Grüsse
Michael
 
Zurück