[SOLUCIONADO] FadeOut de varios elementos

[Cromorama]

Hola a tod@s,

Estoy liado con un script que hace un fadeout de una serie de elementos para luego mediante ajax mostrar otro contenido en el mismo div.

El caso es que son 3 los elementos a hacer desaparecer y no se como llamarlos desde el script de java para que desaparezcan correctamente, de momento solo consigo hacer desaparecer como mucho uno o dos de ellos identificándolos por el id o por la clase pero al ser una serie de elementos con id dinámico me vuelvo "loco" para identificarlos.

Este es el código html

Código:

             <div class="box" align="left">
                <a href="#" class="love" id="<?php echo $pub_id; ?>"><span class="on_img" align="left"></span></a>
                <a href="#" class="hate" id="<?php echo $pub_id; ?>"><span class="on_img_red" align="left"></span></a>
                <?php echo $voto_total; ?>
            </div>

Este es código javascript

Código:

    $(function(){
        $(".love").click(function(){
    
            var id = $(this).attr("id");
            var dataString = 'id='+ id ;
            var parent = $(this);
            
            $(this).fadeOut(300);

            $.ajax({
            //AJAX CODE
                });
            return false;
        });
    });

Muchas gracias a tod@s por adelantado.

[chuidiang]

Hola:

Con jQuery puedes seleccionar todos los elementos cuyo id sigan un determinado patrón, quizás pueda ayudarte. http://micro-blog.chuidiang.org/cont...ilar-en-jquery

Pudes hacer que todos los id empiecen por algo concreto y luego añadir detrás el número o lo que sea que los distinga

Otro posible problema que puedes tener es que el jQuery click() solo actúa sobre los elementos existentes en ese momento. Si luego añades más, esos nuevos no reaccionarán al click. Echa un ojo a la función live() de jQuery, que añade la función dinámicamente a los elementos que se añadan nuevo y cumplan el selector http://api.jquery.com/live/

De todas formas, este tema casi quedaría mejor en el foro de javascript ;)
Se bueno.

[Cromorama]

Muchas gracias chuidiang, lo pruebo y comento, pero tiene buena pinta aunque tendré que modificar otras partes del código que no vienen al caso.

Zankiouses

PD: Youre right, mas bien debería ir en foro javascript :S

[Cromorama]

Buenas de nuevo,

He conseguido hacer desaparecer los elementos que me interesaban, el caso es que dichos elementos se repiten x veces y el fadeout solo afecta al primer grupo e ignora al resto... bueno ignora solo a los que llamo por el id (algo tendrá que ver)... Los he intentado llamar así $("this.#id") pero ni caso...

He probado lo de nombrarlos por "elemento-$i" y funciona, pero me elimina todos los elementos y solo quiero eliminar sobre los que está actuando en ese momento.

He intentado pasar el id como variable de php a javascript pero no me recoje la variable, esa podría ser una solución si consigo que pase la variable, este es el código que uso para pasarla:

Código:

var pid = "<?php echo $pub_id; ?>";

Bueno, me voy acercando pero aun ando un poco "perdío"
Gracias de nuevo

[Cromorama]

Bueno, al final lo he solucionado...

No pongo cómo por que al final ha sido mediante php como lo he hecho y no creo que interese en este foro, aun así si a alguien le interesa el procedimiento que me lo diga. ;)

Muchas gracias a tod@s