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

    1 comentario:

    1. Hola si es que pueden comenten y compartan mas informacion, un saludo

      ResponderEliminar

    Google Google