jquery - 使用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');