jQuery .each() con Array

Básicamente, estoy tratando de reunir los ID de cada elemento con una clase específica y colocar esos ID en una matriz. Estoy usando jQuery 1.4.1 y he intentado usar .each(), pero realmente no lo entiendo o cómo pasar la matriz fuera de la función.jQuery .each() con Array

$('a#submitarray').click(function(){ 

    var datearray = new Array(); 

    $('.selected').each(function(){ 
     datearray.push($(this).attr('id')); 
    }); 

    // AJAX code to send datearray to process.php file 

});

Estoy seguro de que estoy muy lejos, ya que soy bastante nuevo en esto, por lo que cualquier consejo sería increíble. ¡Gracias!

Fuente

2010-06-09 John Crain

Si la llamada AJAX está * dentro * del controlador, esto debería ser correcto. Si llama a otra función, debe pasar el datearray como argumento o simplemente crear la variable fuera del controlador. Ver mi respuesta a continuación. – user113716

Todo se ve bien para mí, la matriz se completará y estará disponible donde haya realizado el comentario. Ten fe en ti mismo.

Fuente

2010-06-09 17:11:45 3urdoch

Se puede utilizar también map():

$('a#submitarray').click(function(){ 

    var datearray = $('selected').map(function(_, elem) { 
    return elem.id; 
    }).get(); // edited to add ".get()" at the end; thanks @patrick 
    // ajax 

});

El método map() pasa cada índice (que mi ejemplo no utiliza) y el elemento en la función dada, y construye una matriz para que a partir de los valores de retorno.

Fuente

2010-06-09 17:12:01 Pointy

@Pointy - Loooove 'map()'! Simplemente no te olvides de encadenar '.get()' al final, de lo contrario 'datearray' contendrá un objeto jQuery en lugar de solo la matriz. – user113716

Oh, cierto; gracias @patrick! ¿No te gustaría que jQuery tuviera una "reducción" en el núcleo también? – Pointy

@Pointy - Ya sabes, la única vez que me he encontrado (o pensado) en reducir fue cuando estaba jugando un poco con CouchDB. Es un poco interesante de funcionalidad. – user113716

Pruebe con map función de jQuery:

datearray = $('.selected').map(function(){ 
    return $(this).attr('id'); 
}).get(); 

// use ajax to send datearray

Fuente

2010-06-09 17:12:47 Sarfraz

El código '= new Array()' en la primera línea es innecesario. La segunda declaración reemplaza la matriz. – Greg

Mismo comentario que le di a Pointy. Si no encadena '.get()' al final de '.map()', 'datearray' contendrá un objeto jQuery en lugar de solo su matriz. – user113716

@Greg, @patrick: buenos puntos chicos. Gracias – Sarfraz

Usted no tiene que pasar en la matriz de la función anónima, ya que vive en el mismo ámbito.

Fuente

2010-06-09 17:19:23 Koen

Esto es cierto. Cualquier función creada dentro de otra tiene alcance para las variables de funciones que lo contienen. Como tal, después de cada ejecución, tendrás tus datos en datearray y puedes pasar el datearray a tu función de ajax. –

Se debe cargar la matriz; puede enviarlo al servidor mediante jQuery.post ...

$.post("process.php", datearray, function(dat) { 
    alert('Response: ' + dat); 
});

Fuente

2010-06-09 17:23:56

Sobre la base de las otras respuestas, aquí es una versión simplificada:

var datearray = $('selected').map(function() { 
    return this.id; 
}).get();

La función map obtiene el ID de cada elemento, y el La función get devuelve una matriz. Dentro de la función anónima pasada a map, this se refiere a cada elemento seleccionado sucesivamente.

Fuente

2010-06-09 17:43:39 Greg

Respuesta

Cuestiones relacionadas