Foros del Web » Programando para Internet » Jquery »

Ejecutar multiples load div a la vez

Estas en el tema de Ejecutar multiples load div a la vez en el foro de Jquery en Foros del Web. Hola amigas y amigos, a ver si me pueden ayudar con esta duda que tengo: Se que para recargar un div habría que hacer algo ...
  #1 (permalink)  
Antiguo 22/10/2021, 03:42
 
Fecha de Ingreso: mayo-2012
Mensajes: 753
Antigüedad: 9 años, 6 meses
Puntos: 5
Ejecutar multiples load div a la vez

Hola amigas y amigos, a ver si me pueden ayudar con esta duda que tengo:

Se que para recargar un div habría que hacer algo como esto:

Código Javascript:
Ver original
  1. $('.div_1').load(' .div_1');

Pero si quiero recargar 3 divs a la vez podría hacer algo como esto???:

Código Javascript:
Ver original
  1. $('.div_1, .div_2, .div_3').load('.div_1, .div_2, .div_3');


O tendria que hacer forzosamente esto???:

Código Javascript:
Ver original
  1. $('.div_1').load(' .div_1');
  2.  
  3. $('.div_2').load(' .div_2');
  4.  
  5. $('.div_3').load(' .div_3');


Lo pregunto por que necesito una forma optimizada y rápida para que se ejecute el código por que me va muy lento debido a este código en concreto.

Si conocen algún otro código para hacer esto mas rápido se los agradecería mucho.

Gracias de antemano y un saludo a toda la comunidad.
  #2 (permalink)  
Antiguo 22/10/2021, 03:48
 
Fecha de Ingreso: mayo-2012
Mensajes: 753
Antigüedad: 9 años, 6 meses
Puntos: 5
Ejecutar multiples load div a la vez

Hola amigas y amigos, a ver si me pueden ayudar con esta duda que tengo:

Se que para recargar un div habría que hacer algo como esto:

Código Javascript:
Ver original
  1. $('.div_1').load(' .div_1');

Pero si quiero recargar 3 divs a la vez podría hacer algo como esto???:

Código Javascript:
Ver original
  1. $('.div_1, .div_2, .div_3').load('.div_1, .div_2, .div_3');

O tendria que hacer forzosamente esto???:


Código Javascript:
Ver original
  1. $('.div_1').load(' .div_1');
  2.  
  3.  
  4.     $('.div_2').load(' .div_2');
  5.  
  6.  
  7.     $('.div_3').load(' .div_3');


Lo pregunto por que necesito una forma optimizada y rápida para que se ejecute el código por que me va muy lento debido a este código en concreto.

Si conocen algún otro código para hacer esto mas rápido se los agradecería mucho.

Gracias de antemano y un saludo a toda la comunidad.
  #3 (permalink)  
Antiguo 22/10/2021, 14:37
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.538
Antigüedad: 10 años
Puntos: 968
Respuesta: Ejecutar multiples load div a la vez

Podrías aprovechar el que todos los elementos tienen una clase que termina en números correlativos para así ejecutar un bucle y solo tendrías que reemplazar la última parte de la clase con el contador del bucle.

Algo como esto:
Código Javascript:
Ver original
  1. for (let i = 0, l = $("[class^=div_]").length; i < l; i++){
  2.     $(".div_" + (i + 1)).load(".div_" + (i + 1));
  3. }

También puedes emplear métodos de recorrido de jQuery, como .each().

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand



La zona horaria es GMT -6. Ahora son las 09:43.