Getting href attribute as written with javascript

Question

I would like to get an href attribute as it appears in the html - instead of a fully qualified url.

<a href="foo.html">foo</a>

$('a[href]').each(function(){
   alert(this.href);
});

Gets an absolute url starting with http:// . I'd like it to get "foo.html" instead.

Answer 1

You will need to alter the way you loop through the element, and the way you use this:

$('a').each(function(){
   alert( $( this ).attr( 'href' ) );
});

Working example here.

Answer 2

Try .attr('href') to get the href value.