jQuery parent() parent()
Ja genau man kann auch mit parent().parent() das Elternelement vom Elternelement ansprechen!
Gar nicht mal so wenig oft wird so etwas gebraucht – hier mal ein kleines Beispiel: Will man per Klick ein Element Löschen könnte man als 1. das Element vom Screen löschen!
$(“.delete”).click(function() {
$(this).parent().parent().hide();
});
Wird dieser geklickt fällt gleich das ganze Element hier auch noch der Aufbau vom HTML:
<div id=”listen”>
<div class=”listenausgabe”>
<div id=”element-1″>hier der TEXT</div><div class=”delete”>bitte löschen</div>
</div>
<div class=”listenausgabe”>
<div id=”element-2″>hier der TEXT</div><div class=”delete”>bitte löschen</div>
</div>
…..
</div>
Als 2. Schritt könnte man über Ajax das jeweilige Element auch noch aus der Datenbank löschen lassen!
$(“.delete”).click(function() {
var katid = $(this).attr(‘id’);
var dataString = ‘katid=’+ katid;
$.ajax({
type: “POST”,
url: “ajax.php”,
data: dataString
});
return false;
});
Und so hat man dann eine sehr nette Funktion und braucht beim Löschen von Elementen nicht immer die Seite neu laden! Hier ist jQuery echt ein perfektes Werkzeug!
Danke das Sie diesen Artikel gelesen haben. Sie können nun eine Nachricht hinterlassen oder bestellen den RSS Feed.
Die ürspüngliche DOM-Methode ist parentNode und lässt sich dank dem Methoden-Chaining beliebig verketten.
Dabei können auch sinnlose Konstrukte wie var element = document.getElementById(“foo”).nextSibling.previousSibling.nextSibling.previousSibling; entstehen