Getting pathnames (relative to host) from with href="../foo/"

Question

The following code will return as undefined:

$('a').each(function () {
    console.log($(this).pathname);
});

My anchors look like this:
<a href="../foo/">Foo</a>

What am I doing wrong? If it is not possible then how can I return the full url?

Possible duplicate: http://stackoverflow.com/questions/3807674/get-pathname-from-href-in-javascript — Chris, Mar 24 '13 at 16:59
Don't know why I'm downvoted but that question has absolute url. Mine does not. — meiryo, Mar 24 '13 at 17:01

Fabrício Matté · Accepted Answer · 2013-03-24T17:39:31.247

3

In HTML5 browsers you can use this.pathname:

$('a').each(function () {
    console.log(this.pathname);
});

pathname is a property of the Anchor element, not of a jQuery object.

Edit: The anchor's pathname property has been standardized in HTML5, but even IE6 supports it natively.

edited Mar 24 '13 at 17:39

answered Mar 24 '13 at 16:59

Fabrício Matté

score 0 · Answer 2 · answered Mar 24 '13 at 16:59

0

Use

$(this).attr('href')

The .attr() method extracts an attribute. You can see the docs at http://api.jquery.com/attr/

answered Mar 24 '13 at 16:59

dotty

It will give `../foo/` which isn't the pathname (relative to host). – meiryo Mar 24 '13 at 17:00

2 Answers2