[SOLUCIONADO] Modificar Elementos

[juan_14nob]

Hola, mi duda es la siguiente, ¿Cómo se hace para modificar los elementos que estan dentro de una variable js ?

Ejemplo:

Código Javascript:

var elementos= '<div><span class="c1"></span></div>';
$(elementos).find(".c1").html("Le pongo valor al span");
 

[Alexis88]

Primero añade los elementos creados al documento y luego basta con que busques al <span> por su clase.

Código Javascript:

var elementos= '<div><span class="c1"></span></div>';
$("body").append(elementos);
$(".c1").html("Le pongo valor al span");
 

Saludos

[juan_14nob]

Iniciado por Alexis88

Primero añade los elementos creados al documento y luego basta con que busques al <span> por su clase.

Código Javascript:

var elementos= '<div><span class="c1"></span></div>';
$("body").append(elementos);
$(".c1").html("Le pongo valor al span");
 

Saludos

Pero la idea es que primero modifique por el valor correspondiente, y luego lo ponga en el documento.

[Alexis88]

¿Y cómo vas a modificar un elemento que aún no existe en el DOM? Primero lo añades y luego lo modificas.

Código Javascript:

//Esto funciona
var elementos= '<div><span class="c1"></span></div>';
$("body").append(elementos);
$(".c1").html("Le pongo valor al span");
 
//Esto no funciona
var elementos= '<div><span class="c1"></span></div>';
$(".c1").html("Le pongo valor al span");
$("body").append(elementos);
 
//Esto tampoco funciona
var elementos= '<div><span class="c1"></span></div>';
$(elementos).find(".c1").html("Le pongo valor al span");
$("body").append(elementos);
 

Saludos

[livemusic]

Podrias usar un jQuery Templates plugin ...

[Alexis88]

Es una buena opción, aunque me parece innecesario cargar un plugin para hacer algo que podría hacerse en una sola línea e incluso sin necesidad de usar jQuery.

Saludos