jQuery-läpikäynti - prev()-menetelmä
Esimerkki
Etsitään jokaisesta kappaleesta edellinen sisar-elementti, jolla on luokka "selected":
$("p").prev(".selected")
Määrittely ja käyttö
prev() hakee jokaisen vastaavan elementin lähimmän edellisen sisar-elementin elementtipaketista, valitsinlausekkeen käyttö on valinnainen.
.prev(selector)
| Parametri | Kuvaus |
|---|---|
| selector | Merkistöarvo, joka sisältää valitsinlausekkeen, jota käytetään elementin matchaamiseen. |
Yksityiskohtainen selitys
Jos annetaan jQuery-objekti, joka edustaa DOM-elementtien joukkoa, .prev()-menetelmä mahdollistaa näiden elementtien edellisten sisar-elementtien etsimisen DOM-puusta ja luo uuden jQuery-objektin vastaavista elementeistä.
Tämä menetelmä hyväksyy valinnaisen valitsinlausekkeen, joka on samaa tyyppiä kuin parametrit, jotka välitetään $()-funktioon. Jos valitsinlauseke on sovellettu, elementtejä suodellaan tarkistamalla, vastaako ne valitsinlauseketta.
Harkitse tätä sivua, joka sisältää perusnesteet:
<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ää elementin, joka sijaitsee sen vieressä:
$('li.third-item').prev().css('background-color', 'red');
Tämä kutsuttu tulos asettaa projektin 2 taustavärin punaiseksi. Koska emme ole soveltaneet valitsinlausekkeita, edellinen elementti on luonnollisesti osa objektia. Jos valitsinlauseke on sovellettu, elementti tarkistetaan, vastaako se valitsinlauseketta, ennen kuin sitä lisätään sisältöön.
