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');