bovenliggend li element verwijderen

Door jonas vermeulen op 24-02-2012 15:20

2.038 views

hi,

ik zou met jquery het bovenliggende element van de afbeelding waarop wordt geklikt willen verwijderen. alleen is er iets mis met de selector waarschijnlijk. kan iemand me helpen?

html:
<ul>
<li>tekst<img src='images/forms/icon_minus.gif' class='remove'/></li>";
<li>tekst2<img src='images/forms/icon_minus.gif' class='remove'/></li>";
</ul>

jquery:

$(function(){
$('.remove').click(function(){

$('li' > this).remove();
})
});

alvast bedankt
jonas

Lendl Verschoor

24-02-2012 15:24

met Before?
http://api.jquery.com/before/

jonas vermeulen

24-02-2012 15:28

had ik eigenlijk moeten weten, bedankt!

Elwin - Fratsloos

24-02-2012 15:28

Denk eerder met parent().

Erwin H

24-02-2012 15:30

Volgens mij wil je het li element waarin het image zich bevind hebben, of niet?
In dat geval kan je parent() of closest() gebruiken.


this.closest('li').remove();

closest zoek het eerste element (in dit geval li) naar boven in de boom op, parent pakt simpelweg het eerste element naar boven. Mocht je er ooit nog iets tussenplakken dan werkt cosest() dus nog wel, parent() niet meer.

jonas vermeulen

24-02-2012 15:34 gewijzigd op 24-02-2012 15:34

met dit doet ie gewoon niets? $(this).parent('li').remove();
met before verwijdert ie alle bovenliggende elementen

Wouter J

24-02-2012 15:39

@Lendl, wil je voortaan eerst kijken wat de functie precies doet? Met .before kun je namelijk element voor een element toevoegen, dus niet selecteren of verwijderen...

Reageren

Inloggen om te reageren