Ciclos en Jquery

arepavieja · #1 (**permalink**) 23/05/2011, 00:20

Buen día amigos.
Quisiera saber si esto es posible de alguna manera:

Código HTML:

Ver original<script type="text/javascript">
    $(function() {
        for (x=1;x<=3;x++) {        
            $('"#ms'+x+'"').click(function() {
                $('"#msd'+x+'"').show('fast');
            });
        }
    });
</script>
<ul>
  <li id="ms1">Item1<div id="msd1">Div1</div></li>
  <li id="ms2">Item2<div id="msd2">Div2</div></li>
  <li id="ms3">Item3<div id="msd3">Div3</div></li>
</ul>

Dany_s · #2 (**permalink**) 23/05/2011, 06:51

Código Javascript:

Ver original$('ul li').click( function(){
   $(this)....
});

arepavieja · #3 (**permalink**) 25/05/2011, 13:06

pues si, pero supongamos que obtengo de una consulta N registros, y cada registro tiene un ID distinto porque le asigno un número que depende de un contador por ejemplo:

Código PHP:

Ver original<?php do {  $x = $x + 1; ?>
<div id="div<?php echo $x; ?>"></div>
<?php } while ($row=mysql_fetch_assoc($query)) ?>

Como resultado eso me daría N cantidad de div con id tipo: div1, div2, div3, div4 etc...

Si quiere aplicar un evento a cualquiera de esos div entonces de que manera los puedo obtener.?

Gracias de nuevo.

Dany_s · #4 (**permalink**) 25/05/2011, 15:43

hay muchas formas de seleccionar elementos, tenes que fijarte en la doc de jquery la parte de selectores

http://api.jquery.com/category/selectors/

no hace falta asignarle un id, en si no te sirve los id para lo que quieres
suponé que tenes x cantidad de div. span o listas, que pueden ser 1 a N
solo le asignas una clase a cada uno
<div class="miClase"></div>
<div class="miClase"></div>
<div class="miClase"></div>

para darle un asignarle un evento
$('.miClase').click....
http://api.jquery.com/class-selector/

o bien un div contenedor, que dentro va a tener los divs que quieras
<div id="contenedorElementos">
<div></div>
<div></div>
<div></div>
</div>

para darle un asignarle un evento
$('#contenedorElementos > div').click....
o sea que seleccionas los hijos del div #contenedorElementos
http://api.jquery.com/child-selector/

arepavieja · #5 (**permalink**) 26/05/2011, 14:14

ah claro, con esto me das una idea para otra cosa que tenía pensada.. pero en sí no necesito que la condición me seleccione a todos los elementos, sino uno en especifico.

A lo que me refiero es que al hacer click sobre el elemento me realice un evento sobre el mismo, y no sobre el conjunto de elementos, es decir, tengo:

<div id="a1">row1</div>
<div id="a2">row2</div>
<div id="a3">row3</div>
<div id="a4">row4</div>

los "row" son valores que obtengo de la base de datos, y quiero que al hacer click sobre a1 me haga los valores para a1. Es como para un carrito de compra.. no se si me explico. Muchas Gracias de nuevo!

Dany_s · #6 (**permalink**) 26/05/2011, 17:06

es que selecciona a todos para darle un evento

ahora para hacer algo en uno especifico es cuando le das click a un elemento en concreto, si no haces click no hace nada

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script>
 
            $( function(){
 
                    $('#listaProductos > div').click( function(){
                        soyElPresionado = $(this);
                        alert( "Mi contenido es: " + soyElPresionado.text() );
                        //Lo borro
                        soyElPresionado.remove();
                    });
 
            });
    </script>
 
</head>
<body>
    <div id="listaProductos">
        <div>Producto 1</div>
        <div>Producto 2</div>
        <div>Producto 3</div>
        <div>Producto 4</div>
    </div>
</body>
</html>

arepavieja · #7 (**permalink**) 26/05/2011, 22:28

:o viejo, es justo... no había entendido la idea... muchas gracias de verdad.. ese es el proceso que necesitaba.