Java script get href

Question

I have the following code,

<ul class="post-buttons">
    <li>
        <a class="button icon-button thank-icon" title="Thank this post" href="./thank.php?f=12&p=249224"></a>
    </li>

</ul>

and on my javascript I have the following,

var ThankButton = $('div.thank-icon > a').attr('href');
console.log(ThankButton);

but on console log I get ThankButton not defined, what I'm doing wrong here?

Answer 1

You have javascript mistake

var ThankButton = $('ul.post-buttons li a.thank-icon').attr('href');
console.log(ThankButton);

Answer 2

I don't see any div in your code. You can try simply:

var ThankButton = $('a.thank-icon').attr('href');
console.log(ThankButton);

Answer 3

You could do something like,

var ThankButton = $('.thank-icon').attr('href');
console.log(ThankButton);

or

var ThankButton = $('ul li a').attr('href');
console.log(ThankButton);

or

var ThankButton = $('ul li a.thank-icon').attr('href');
console.log(ThankButton);