jQuery-läpikäynti - andSelf() menetelmä

Esimerkki

Löydä kaikki div:t sekä niiden kaikki kappaleet ja lisää niille kaksi luokkaa. Huomaa, että koska .andSelf() ei ole käytetty, div ei ole keltainen.

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

Kokeile itse

Määritelmä ja käyttö

add() menetelmä lisää pinnon aikaisemman elementtijoukon nykyiseen joukkoon.

Syntaksi

.andSelf();

Yksityiskohtainen selitys

Mieti tätä yksinkertaista luettelosivua:

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

Tämän koodin tuloksena kohteet 3, 4 ja 5 saavat punaisen taustavärin:

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

Kokeile itse

Ensiksi, alkuperäinen valitsin lokallisoi kohteen 3, ja alustettu pino sisältää vain kyseisen kohteen joukon. Kun kutsutaan .nextAll(), kohteiden 4 ja 5 joukko lisätään pinoon. Lopuksi, kun kutsutaan .andSelf(), nämä kaksi joukkoa yhdistetään, ja luodun jQuery-objektin osoittaa kaikki kolme kohtaa asiakirjan järjestyksessä: {[<li.third-item>,<li>,<li> ]}.