jQuery solo devuelve el primer artículo

Question

Por alguna extraña razón, cuando tengo un selector y espero obtener varios elementos, jQuery solo devuelve el primer elemento, en lugar de la colección completa.

Este es el código HTML que tengo:

<a id="reply-424880" class="reply" href="#" rel="nofollow">Reply</a> 
<a id="reply-424885" class="reply" href="#" rel="nofollow">Reply</a> 

y el selector:

$('.reply').unbind('click').click(function(event) { 
... 
} 

He tratado de depuración utilizando FireBug, y aún así obtener los mismos resultados. Utilizando el trabajo en torno a que puede conseguir que funcione:

$('a').each(function (index, element) { 
      if ($(element).attr('class') == 'reply') { 
       $(this).unbind('click').click(function(event) { 
        ... 
       }); 
      } 
}); 

me gustaría utilizar la funcionalidad integrada en lugar de mi trabajo alrededor. ¿Alguna idea de por qué solo se devolvería el primer elemento?

Answer 1

Después de dejar la solución en lugar de un par de meses, yo decidimos probar para ver si había algo en la página que estaba causando el problema.

Por proceso de eliminación, pude reducir el error al archivo jquery.validate.js. Por algún motivo desconocido, este archivo provocaba que jQuery solo devolviera el primer valor. Descargué la última versión y los selectores ahora devuelven todos los elementos que coinciden.

Answer 2

que debería funcionar, pero ¿qué pasa con ...

$('.reply').each(function() { 
    $(this).unbind('click').click(function(event) { 
     ... 
    }); 
}); 

Answer 3

Lo que tienes deben estar trabajando ya, you can see an example here, esto es una simple llamada:

$('.reply').unbind('click').click(function(event) { 
    alert('hi there'); 
});​ 

Debe tener algo que está fuera de la cuestión afectando sus enlaces si el mismo controlador no se ejecuta para todos ellos. Si obtienes un attribute desde el primero, asegúrate de que dentro de tu función no estés haciendo algo como $(".reply").attr("id"), deberías estar usando this dentro del controlador, obtendrás el atributo del primer elemento coincidente.

Here's an example:

$('.reply').unbind('click').click(function(event) { 
    alert($('.reply').attr("id")); //alerts "reply-424880" for both 
});​ 

It should be like this:

$('.reply').unbind('click').click(function(event) { 
    alert($(this).attr("id")); //alerts "reply-424880" for both 
    //and use just this.id in this case, no need for jQuery .attr(), like this 
    //alert(this.id); 
});​ 

Answer 4

Torpemente, también tuve este problema y resultó que Chrome parece tener una función $() similar a jquery que implementa un subconjunto de lógica de selector de una manera similar, pero falta un montón de funciones:

> $ 
function $(selector, [startNode]) { [Command Line API] } 

Vs con jQuery incluido correctamente:

> $ 
function (e,n){return new x.fn.init(e,n,t)} 

así que .. sí, resulta que había un poco mal formados mi etiqueta de script - no es suficiente para causar cualquier error, y todavía fui a buscar el archivo de jQuery por lo la vista de red todavía mostraba que se estaba buscando, simplemente no estaba siendo yo interpretado como javascript, y como tal jQuery faltaba, pero todavía funcionaba la sintaxis suficiente que me lanzó por siglos.

Esperemos que esto le ahorre a alguien algún tiempo en algún momento.