Sacar valores con each

[MaNuX0218]

Hola, esoty intentando sacar los valores de unas etiquetas span dentro de divs con each y salen correctamente pero me muestran unos números al principio y otros al final.

¿Cómo puedo hacer que me los muestre por separado y después meterlos en array ya que puede haber varios?

Por ejemplo tengo esto:

Código HTML:

<div class="added">
<div><span>Valor 1: Texto 1</span></div>
<div><span>Valor 2: Texto 2</span></div>
 
<div><span>Valor 1: Texto 3</span></div>
<div><span>Valor 2: Texto 4</span></div>
</div>
 

Después quiero que se guarde en un array el valor 1 contendria texto1 y texto3 y el valor 2 texto2 y texto4. No se si me explico bién.

De momento lo que tengo echo es el each:

Código Javascript:

$(".added").each(function(){
       alert($("span").text());
 });
 

El alert simplemente es para comprobar el resultado obtenido.

Podriais echarme una mano para continuar?

Gracias.

[martinmiranda90]

Hola. Si le colocas en el each que analice los elementos con clase .added jamás te va a leer por separado los elementos hijos. Debes decirle que cada div hijo de .added te coja el .text().

Mira este ejemplo a ver si te soluciona el problema:
https://jsfiddle.net/miranda90/4d06pLx9/

Un saludo y espero haberte ayudado

[MaNuX0218]

Vale, ahora si me aparecen todos, pero como puedo hacer para que me devuelva sólo el valor que necesito, por ejemplo de los valores que solo me devuelva los texto1, texto2, en array, ya que me devuelve también el nombre valor1, valor2....

Un saludo y gracias martinmiranda90.

[martinmiranda90]

Iniciado por MaNuX0218

Vale, ahora si me aparecen todos, pero como puedo hacer para que me devuelva sólo el valor que necesito, por ejemplo de los valores que solo me devuelva los texto1, texto2, en array, ya que me devuelve también el nombre valor1, valor2....

Un saludo y gracias martinmiranda90.

Hola de nuevo. Mira esto a ver si te vale:
https://jsfiddle.net/miranda90/4d06pLx9/4/

Yo separaria los dos valores en distintos span, estableciendo una clase para los que contienen las palabras "Texto X" y buscando igual que antes con los each.
Seguro que hay más maneras pero asi te funciona perfectamente.

Un saludo

[MaNuX0218]

Gracias, al final lo he solucionado de está manera:

Código Javascript:

TotalAdded = $("table td span").length;
            alert("Total "+TotalAdded);
            $('table td span').each(function(){
                ElementosAdded = [];
                ValoresIns = $(this).text();
                ElementosAdded.push(ValoresIns);
                alert(ElementosAdded);
            });
 

De esa manera realiza lo que quiero, mostrandome uno por uno, pero ahora como realizo para recojer el valor uno por uno para después insertarlo en una BBDD.

Y también aprovechando este hilo, lo que tengo que voy agregando contenido con append(). Y para eliminar uno por uno utilizo:

Código Javascript:

$("#added").on("click", ".del_added", function(){
        $(this).parent().remove();
    });
 

Pero ahora no sé por que no me funciona y antes si.

Saludos.