Índice

Buscar un elemento concreto

El método index() devuelve la posición del índice de los elementos especificados por un selector jQuery o un elemento del DOM. Si no se encuentra ningún elemento, el método devuelve el valor -1.

$(selector).index()

Ejemplo

Consideremos una lista de cinco elementos. Al hacer clic en un ítem, su posición se muestra en un cuadro de diálogo.

images/11_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").on("click", function(){ 
            alert($(this).index()); 
        }); 
    }); 
</script> 
<style> 
    ul { 
        cursor: pointer; 
    } 
</style> 
</head> 
<body> 
<p><strong>Haga clic en un ítem para saber su posición 
en el índice.</strong></p> 
<ul> 
    <li>Ítem 1</li> 
    <li>Ítem 2</li> 
    <li>Ítem 3</li> 
    <li>Ítem 4</li> 
    <li>Ítem 5</li> 
</ul>  ...