Jan 042013
In questo breve post vedremo la funzione index che useremo per farci restituire l’indice dell’elemento su cui faremo click. Prepareremo quindi una pagina html con 5 paragrafi:
<!DOCTYPE html> <html lang="en"> <head> <title>La funzione index()</title> </head> <body> <h1>Fai click sul paragrafo per vedere l'indice dell'elemento</h1> <p>Primo</p> <p>Secondo</p> <p>Terzo</p> <p>Quarto</p> <p>Quinto</p> <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script> ... </body> </html>
Tramite il nostro jQuery andremo ad associare il click sui paragrafi alla visualizzazione di un alert che mostrerà l’indice dell’elemento su cui abbiamo cliccato (this)
<script>
$(document).ready(function() {
$('p').click(function() {
alert('L\'Indice del paragrafo clickato: ' + $(this).index())
});
});
</script>
L’esempio
Google+
Sorry, the comment form is closed at this time.