Método first() de Navegación de jQuery

Ejemplo

Resaltar el primer span en el párrafo:

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

Prueba personalmente

Definición y uso

first() reduce la colección de elementos coincidentes al primer elemento de la colección.

Sintaxis

.first()

Explicación detallada

Si se proporciona un objeto jQuery que representa una colección de elementos DOM, el método .first() construirá un nuevo objeto jQuery a partir del primer elemento que coincide.

Piensa en la siguiente página con una lista simple:

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

Podemos aplicar este método a la colección de elementos de la lista:

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

Prueba personalmente

El resultado de esta llamada es que el primer proyecto se ha configurado con un fondo rojo.