jQuery-selailu - prevAll()-menetelmä

jQuery 遍历参考手册

Esimerkki

Paikannetaan viimeinen div ennen kaikkia div-ja ja lisätään niihin luokka:

$("div:last").prevAll().addClass("before");

Kokeile itse

Määrittely ja käyttö

prevAll() palauttaa jokaisen nykyisen vastaamisen elementin edellä olevan kaksoset, valitsin suodattimen soveltaminen on valinnainen.

Syntaksi

.prevAll(selector)
Parametri Kuvaus
selector Merkistöarvo, joka sisältää valitsinlauseen elementtien matchaamiseksi.

Yksityiskohtainen selitys

Jos annetaan jQuery-objekti, joka edustaa DOM-elementtikokoelmaa, .prevAll()-menetelmä mahdollistaa näiden elementtien edellä olevien kaksosten etsimisen DOM-puusta ja luo uuden jQuery-objektin vastaavista elementeistä.

Tämä menetelmä hyväksyy valinnaisen valitsinlauseen, joka on samaa tyyppiä kuin parametri, jonka olemme lähettäneet $-funktiolle. Jos valitsin on sovellettu, elementtejä suodellaan tarkistamalla, vastaako ne valitsinta.

Ajattele tätä sivua, jossa on perustavanlaatuiset sisennetyt luettelot:

<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>

Jos aloitamme kolmannesta kohteesta, voimme löytää kaksoset elementit välillä:

$('li.third-item').prevAll().css('background-color', 'red');

Kokeile itse

Tämä kutsun tuloksena on, että projektit 2 ja 1 asetetaan punaiseksi taustaväriksi. Koska emme ole soveltaneet valitsinta, nämä aikaisemmat elementit ovat luonnollisesti osa objektia. Jos valitsin on sovellettu, nämä elementit tarkistetaan ennen kuin ne sisällytetään.

jQuery 遍历参考手册