jQuery: Wie durchlaufe ich alle 'a' Elemente?

Question

Ich möchte alle Eigenschaften des Ankers auf einer Seite ändern können. Aber ich weiß nicht, wie ich alle durchgehen soll.

Answer 1

Verwendung jeder:

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

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

Answer 2

jQuery diese Fähigkeit bietet von Natur aus.

$('a').do_something(); 

Will do_something() jedem a auf der Seite. Also:

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

Wenn das, was wollen Sie erfordert tun an den Eigenschaften jedes a einzeln suchen, dann verwenden .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

Sie jQuery .each() für diesen Zweck verwenden können:

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

Answer 5

Sie können .attr() mit einer Funktion verwenden n eine bestimmte Eigenschaft zu ändern, zum Beispiel:

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

Das ist billiger als .each() da Sie kein zusätzliches jQuery-Objekt in jeder Iteration zu schaffen, sind Sie die Eigenschaften auf dem DOM-Elemente zugreifen, ohne das zu tun.