Die vorherige Selektion mit der aktuellen Selektion vereinigen
Problem
Sie haben ein Set mit Elementen bearbeitet, um zu einem neuen Set zu gelangen, wollen aber sowohl mit dem neuen wie auch mit dem alten Set arbeiten.
Lösung
Sie können eine vorherige Selektion von
DOM-Elementen mit der aktuellen Selektion kombinieren, indem Sie
die Methode andSelf() nutzen.
So selektieren
wir zum Beispiel im folgenden Code zunächst alle <div>-Elemente auf der Seite. Dann ve
rändern wir dieses Set mit Elementen, indem wir alle <p>-Elemente innerhalb der <div>-Elemente auswählen. Um nun sowohl auf
den <div>- wie auch auf den
<p>-Elementen innerhalb der
<div>-Elemente zu arbeiten,
können wir die <div> -Elemente
in das aktuelle Set mit Hilfe der Methode andSelf() übernehmen. Würden wir andSelf() weglassen, würde die Rahmenfarbe nur auf
die <p>-Elemente angewendet
werden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <div> <p>Absatz</p> <p>Absatz</p> </div> <script type="text/JavaScript" src="http://ajax.googleapis.com/ ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/JavaScript"> jQuery('div').find('p').andSelf().css('border','1px solid #993300'); </script> </body> </html>
Diskussion
Nutzen Sie die Methode andSelf(), dann wird nur das aktuelle Set mit dem
direkt vorher genutzten vereinigt, nicht mit allen vorherigen
Sets.