Índice

Reducir al primer elemento

first()

Reduce un conjunto de elementos seleccionados al primer elemento.

$("p span").first()

Selecciona el primer elemento <span> en los párrafos <p>.

Este método devuelve un objeto jQuery

El método first() está disponible desde la versión 1.4 de jQuery.

Ejemplo

Reducimos el conjunto de elementos de una lista al primer elemento y le aplicamos una clase.

images/9_6_v4.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function() { 
        $("li").first().addClass("style"); 
    }); 
</script> 
<style> 
    .style{ 
        background-color: #9cf; 
    } 
    li { 
        width: 120px; 
    } 
</style> 
</head> 
<body> 
<ul> 
    <li>Ítem 1</li> 
    <li>Ítem 2</li> 
    <li>Ítem 3</li> 
    <li>Ítem 4</li> 
    <li>Ítem 5</li> 
</ul> 
</body> 
</html>

El archivo a descargar es el C09-6.html.

$("li").first().addClass("style"); ...