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

我有以下代码不能正常工作，我做错了什么

$('#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>

在（href）通话前，您似乎少了一美元。尝试：

$(href).fadeIn(500)

---

我认为：

var href=$（'gallerynav ul li a'）.attr（'href'）

应该是：
var href=this.attr（'href'）
尝试以下操作：

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

试试这个

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

这看起来是正确的，纠正了变量不是用正确的对象创建的问题。了解此代码运行时预期会发生什么将有帮助。如果存在另一个ID=“foo”的元素，则wows可能是正确的。var href将包含字符串“#foo”，这将被视为选择器，并且不会匹配任何内容。（本例中没有任何内容）如果还有一些ID=“foo”的标记，那么这看起来是正确的。