jQuery-selailu - first()-menetelmä

Esimerkki

Korosta ensimmäistä spania kappaleessa:

$("p span").first().addClass('highlight');

Kokeile itse

Määritelmä ja käyttö

first() supistaa sopivien elementtien kokoelman kokoelmassa ensimmäiseen elementtiin.

Syntaksi

.first()

Yksityiskohtainen selitys

Jos annetaan jQuery-objekti, joka edustaa DOM-elementtikokoelmaa, .first()-metodi käyttää ensimmäistä sopivaa elementtiä rakentaakseen uuden jQuery-objektin.

Harkitse seuraavaa sivua, jossa on yksinkertainen luettelo:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

Voimme soveltaa tätä metodia tähän luettelojen kohteiden kokoelmaan:

$('li').first().css('background-color', 'red');

Kokeile itse

Tämän kutsun tuloksena ensimmäinen projekti asetetaan punaiseen taustaväriin.