jQuery - metodo andSelf() di traversata

Esempio

Trovare tutti i div e tutti i paragrafi al loro interno e aggiungere due classi. Notare che, poiché non è stato utilizzato .andSelf(), il div non ha sfondo giallo.

$("div").find("p").andSelf();.addClass("border");
$("div").find("p").addClass("background");

Prova tu stesso

Definizione e uso

Il metodo add() aggiunge la raccolta degli elementi precedenti nello stack alla raccolta corrente.

Sintassi

.andSelf();

Spiegazione dettagliata

Pensa a questa pagina con una lista semplice:

<ul>
   <li>item di lista 1</li>
   <li>item di lista 2</li>
   <li class="third-item">item di lista 3</li>
   <li>item di lista 4</li>
   <li>item di lista 5</li>
</ul>

Il risultato del seguente codice è che gli elementi 3,4,5 hanno sfondo rosso:

$("li.third-item").nextAll().andSelf();
  .css("background-color", "red");

Prova tu stesso

Prima di tutto, il selettore iniziale individuerà l'elemento 3, lo stack iniziale conterrà una raccolta che contiene solo questo elemento. La chiamata a .nextAll() spingerà la raccolta degli elementi 4, 5 nello stack. Infine, la chiamata a .andSelf() unirà queste due raccolte, il jQuery object creato punti a tutti e tre gli elementi in ordine di documento: {[<li.third-item>,<li>,<li> ]}。