Mostrando entradas con la etiqueta lista. Mostrar todas las entradas
Mostrando entradas con la etiqueta lista. Mostrar todas las entradas

martes, 19 de junio de 2012

Capturar los indices de una lista con Jquery

Hola amigos soy yo otra vez jose fernandez y en esta oportunidad les traigo un ejemplo mas, que consiste en capturar los indices de una lista haciendo uso de la libreria Jquery.

Los pasos que deben seguir para llevar a cabo el ejemplo son los siguientes:

paso1:

importar la libreria jquery a su html

<script type="text/javascript" src="jquery.js"> </script>

paso2:

crear la funcion que capture los indices de la lista utilizando el id de la lista y la etiqueta "li"

<script type="text/javescript">
 $(document).ready(function() {
   $("#orderedlist4").find("li").each(function(i) {
     $(this).append( " BAM! " + i );
   });
 });
</script>

paso3:

realizar una lista usando la etiqueta li y asignandole el "id" orderedlist4

<ul id="orderedlist4">
  • windows
  • linux
  • mac
  • </ul>

    resultado:

    como resultado la pagina html nos quedaria como se muestra

    <html>
    <head>
    
    
    </head>
    <body>
    
    • windows
    • linux
    • mac
    </body> </html>

    espero les haya servido mucha suerte a todos hasta luego, Jose Fernandez Segura

    Google Google