jQuery Navigazione - metodo first()

Esempio

Evidenzia il primo span nel paragrafo:

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

Prova personalmente

Definizione e uso

first() riduce la raccolta di elementi corrispondenti all'elemento primo della raccolta.

Sintassi

.first()

Spiegazione dettagliata

Se viene fornito un oggetto jQuery che rappresenta una raccolta di elementi DOM, il metodo .first() costruirà un nuovo oggetto jQuery utilizzando l'elemento corrispondente al primo match.

Pensa a questa pagina con una lista semplice:

<ul>
  <li>elemento della lista 1</li>
  <li>elemento della lista 2</li>
  <li>elemento della lista 3</li>
  <li>elemento della lista 4</li>
  <li>elemento della lista 5</li>
</ul>

Possiamo applicare questo metodo a questa raccolta di elementi della lista:

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

Prova personalmente

Il risultato di questa chiamata è che il primo elemento è stato impostato con lo sfondo rosso.