jQuery: how do I loop through all 'a' elements?

Question

I want to be able to change all the anchor's properties on a page. But I don't know how to loop through all of them.

Answer 1

use each:

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

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

Answer 2

You can use .attr() with a function to change a specific property, for example:

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

This is cheaper than .each() since you're not creating an extra jQuery object inside each iteration, you're accessing the properties on the DOM element without doing that.