Réduire au premier élément
first() first
Réduit un ensemble d’éléments sélectionnés au premier élément.
$("p span").first()
Sélectionne le premier élément <span> dans les paragraphes <p>.
Cette méthode renvoie un objet jQuery.
La méthode first() est disponible à partir de la version 1.4 de jQuery.
Exemple
Réduisons l’ensemble des items d’une liste au premier élément et appliquons-y une classe.
Le document HTML :
<!doctype html>
<html lang="fr">
<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>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li> ...