使用类名访问href属性

Question

I want to access the href attribute with jquery using the class name. How can I do that below is the code.

<a href="www.google.com" class="class-name">Hyper Link</a>

I only want to access it with the class-name since I have many links and want to use the classname to access the href link.

Thanks

Answer 1

$('a.class-name').each(function(){
     this.href //do something with href
})

Answer 2

Presuming (1) that you are using jQuery 1.6 and (2) that your link is the only one that has that class:

var linkHref = $('a.class-name').prop('href');

If you are using jQuery 1.5 or older, you'll have to use attr rather than prop . If you have more than one element with the class, you'll have to find some other way of identifying which element you want.

Answer 3

Depends what you want - but the href of your link should probably be made into an absolute rather than relative link...

    $('a.class-name').each(function(){
        alert( this.href ) // alerts http://currentdomain.com/www.google.com
        alert( $(this).attr('href') ) // alerts www.google.com
    })

Answer 4

为了使元素查找更快，我建议您删除标签前缀，因为您提到您有很多链接。

$('.class-name').prop('href');