javascript - 查找父 DIV 的 ID 并将 DIV 淡出

Question

我试图在单击 DIV 本身内的链接时淡出 DIV。这是我的代码:

$(".hideinfo").click(function () {
  var parentLink = $(this).parent().parent();               
  $(parentLink).fadeTo("slow", 0);
});

我没有直接指定 ID 的原因是因为我想用它来淡出具有不同 ID 的多个 DIV。

上面的代码在我设置警报时返回了 ID，但没有淡出 DIV 或我尝试这样做的其他任何东西……如果有任何帮助，我们将不胜感激。 HTML 是:

<div id="First-Block" class="item">                 
    <p>text here</p>
    <p><a href="#" class="hideinfo">Back</a></p>    
</div>

谢谢!

Answer 1

您应该改用 fadeOut("slow")。

尝试将您的代码更改为:

$(".hideinfo").click(function () {
    var parentLink = $(this).parent().parent();
    $(parentLink).fadeOut("slow");
});

要进一步改进这一点，您可以将代码缩短为:

$(".hideinfo").click(function() {
    $(this).closest(".item").fadeOut("slow");
});

还要提一下，通过单击 anchor ，它会使用 # 跳转到页面顶部。我会看看 .preventDefault()

您还可以在此处查看 API -> http://api.jquery.com/fadeOut/