jQuery: ¿cómo recorro todos los elementos 'a'?

Question

Quiero poder cambiar todas las propiedades del ancla en una página. Pero no sé cómo recorrerlos a todos.

Answer 1

uso cada uno:

http://api.jquery.com/each/

$("a").each(function(){ 
    //do something with the element here. 
}); 

Answer 2

jQuery proporciona esta capacidad inherente.

$('a').do_something(); 

Will do_something() a cada a en la página. Por lo tanto:

$('a').addClass('fresh'); // adds "fresh" class to every link. 

Si lo que quieres hacer es necesario analizar las propiedades de cada a de forma individual, a continuación, utilizar .each():

$('a').each(function(){ 
    var hasfoo = $(this).hasClass('foo'); // does it have foo class? 
    var newclass = hasfoo ? 'bar' : 'baz'; 
    $(this).addClass(newclass); // conditionally add another class 
}); 

Answer 3

$('a').each(function(i){ 
    $(this).attr('href','xyz'); 
}); 

Answer 4

Puede usar jQuery .each() para este propósito:

$('a').each(function() { 
// The $(this) jQuery object wraps an instance 
// of an anchor element. 
}); 

Answer 5

Puede usar .attr() con una función n para cambiar una propiedad específica, por ejemplo:

$("a").attr("href", function(i, oldHref) { 
    return oldHref + "#hash"; 
}); 

Esto es más barato que .each() ya que no está creando un objeto adicional de jQuery dentro de cada iteración, que está accediendo a las propiedades en el elemento DOM sin hacer eso.