IDアンカーでjQueryセレクタ「this」が動作しないのはなぜですか？

Question

私は、タグ<a>のテキストを持っています。クリックすると、スムーズなスクロールで次のアンカーに連れて行かなければなりません。

コードがあります：

HTML

<div style="width:100%;height:1500px;background-color:black;color:white;">ciao 
<div> 
<a class="scrolldown" style="color:white" href="#prova">ciaoooooo</a> 
</div> 
</div> 

<div id="prova" style="width:100%;height:1500px;background-color:silver;color:white;">ciao ancora 
<div> 
<a class="scrolldown" style="color:white" href="#prova2">ciaoooooo</a> 
</div> 
</div> 

<div id="prova2" style="width:100%;height:1500px;background-color:green;color:white;">basta 
</div> 

はJavaScript

$(".scrolldown").click(function() { 
var cane = $('this').attr("href"); 
$('html,body').animate({ 
    scrollTop: $(cane).offset().top}, 
    'slow'); 
}); 

FIDDLE http://jsfiddle.net/mar1/yLroumv6/

Answer 1

$('this')は、DOM内で<this>要素を選択します。 $(this)を使用してください。

Updated Fiddle