jQuery - 无法隐藏父级

Question

我似乎在一项非常简单的任务中偶然发现了一个问题。我试图在单击子级时隐藏父级 div。

这是我的 HTML；

<div class="wave-wrap"><div class="wave">click me</div></div>

<div class="wave-wrap"><div class="wave">click me</div></div>

<div class="wave-wrap"><div class="wave">click me</div></div>

这是我的 jQuery；

$('.wave').click(function() {
alert($(this).parent().html());                   
$(this).parent().hide('slow');
});

警报似乎表明我有正确的选择器，但父 div 拒绝隐藏。有什么想法吗？

Answer 1

尝试使用 $(this).closest(".wave-wrap").hide() 代替。