我的JQuery选择器出了什么问题？

Question

我知道我做的事情令人难以置信的愚蠢，但对于我的生活，我看不到它。为什么鼠标悬停时不显示“删除”链接？

http://jsfiddle.net/LkAVz/

JS

$('p.thumbnail').hover(function(){
    $('this').children('a.delete').show();
}, function() {
    $('this').children('a.delete').hide();
});

HTML

<div class="image">
    <p class="thumbnail">
        <img src="#" alt="" />
        <a class="delete" href="id=4&amp;image=1" style="display:none">Delete image</a>
    </p>
</div>

拜托，有人让我摆脱了痛苦。谢谢！

Answer 1

您尝试选择<this>代码，$('this')删除引号以选择当前元素。

$('p.thumbnail').hover(function(){
    $(this).children('a.delete').show();
}, function() {
    $(this).children('a.delete').hide();
});

Fiddle