使用jQuery选择链接的href属性？

Question

我有以下代码无法正常工作，我做错了什么???

$('#gallerynav ul li a').click(function(){
    var href = $('#gallerynav ul li a').attr('href')
    $("#galleries").children().fadeOut(500 , function(){
        (href).fadeIn(500)
    })
})

我的链接的href设置如下：

<div id="gallerynav">
    <ul>
        <li><a href="#foo">link</a></li>
    </ul> 
</div>

Answer 1

试试这个。

$('#gallerynav ul li a').click(function(){        
    var link = $(this).attr('href'); 
    $("#galleries").children().fadeOut(500 , function(){
        $(link).fadeIn(500);
    });
});

Answer 2

试试这个：

$('#gallerynav ul li a').click(function(evt) {
    var href = this.href;
    $("#galleries").children().fadeOut(500 , function() {
        $(href).fadeIn(500);
    });
    evt.preventDefault();
});

Answer 3

看起来你在（href）电话前面错过了一个$。尝试：

$(href).fadeIn(500)

Answer 4

我认为：var href = $('#gallerynav ul li a').attr('href');

应该是：var href = this.attr('href');