jquery href returns undefined

Question

I have this in my HTML

<a class="deleteLink" href="system/id">link</a>

Then using jQuery, I run this in $(document.ready(function()

alert($("a.deleteLink").attr("href"));

Which shows system/id

But running this:

alert($("a.deleteLink").href);

Shows undefined

If I add an Id to the a tag like this

<a id="myId" class="deleteLink" href="system/id">link</a>

Then

alert(myId.href);

shows http://localhost/system/id which is what I want to get from jQuery (so I can do something like

$.post($("a.deleteLink").href);

Can anyone help me with getting the full href value out of jQuery (1.2.6) please?

Answer 1

try this :

alert(("#myId").attr("href"));

or if you want to use the class:

alert(("a.deleteLink").attr("href"));

*edit on 31/08/2010: added () for the alert...

Answer 2

Now I see what you want to do.

Try this:

alert( $("a.deleteLink")[0].href );

Answer 3

$("...") returns a jQuery object (also called "wrapped set"). The wrapped set does not have a href attribute. If you do this:

alert($("a.deleteLink")[0].href);

It should return the href attribute properly. When you deal with "myId", you're dealing with a DOM element object. Quite different to a wrapped set. The index operator I used there is short for get(0) and that returns an element from the wrapped set.