jquery and attr, undefind

Question

Hi,
Whats wrong with my code? Why does .atrr() show empty?
Thanks

$(document).ready(function(){
   $('#push').click(function(){
      alert($('#push2').attr('href').val);
   }); 
});  

HTML:

<div id="push">PUSH</div>
<a id="push2" href="http://www.google.com"&gt;PUSH Google</a>

Answer 1

I think you don't need .val after $('#push2').attr('href'). attr function already returns string.

Answer 2

Im not sure you need the .val after the attr. function? Try that and see what you get.

Answer 3

.attr() already returns a string, so just use it directly (without the .val):

$(document).ready(function(){
    $('#push').click(function(){
        alert($('#push2').attr('href'));
    }); 
}); 

You can test it here. The reason you see undefined currently is because the .val property of a string object is undefined :)

Answer 4

try

alert($('#push2').attr('href').text());

Answer 5

Your using the same id for the div and for the anchor. Ids must be unique. Jquery pulls the first element which is the div and yes that div doesn't have an href Just use $('#push2').attr('href');

Answer 6

$('#push2').attr('href')