Javascript 查找父DIV和淡出DIV的ID

Javascript 查找父DIV和淡出DIV的ID,javascript,jquery,html,Javascript,Jquery,Html,当点击DIV本身的链接时,我试图淡出DIV。这是我的密码: $(".hideinfo").click(function () { var parentLink = $(this).parent().parent(); $(parentLink).fadeTo("slow", 0); }); 我没有直接指定ID的原因是,我想使用它淡出具有不同ID的多个div 当我设置警报时,上面的代码返回ID,但没有淡出DIV或其他我试图这样做的任何东西。。。这里的任何帮助

当点击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>

此处文本


谢谢大家!

您应该改用淡出(“慢”)

尝试将代码更改为:

$(".hideinfo").click(function () {
    var parentLink = $(this).parent().parent();
    $(parentLink).fadeOut("slow");
});
$(".hideinfo").click(function() {
    $(this).closest(".item").fadeOut("slow");
});
为了进一步改进这一点,您可以将代码缩短为:

$(".hideinfo").click(function () {
    var parentLink = $(this).parent().parent();
    $(parentLink).fadeOut("slow");
});
$(".hideinfo").click(function() {
    $(this).closest(".item").fadeOut("slow");
});
还需要指出的是,通过单击锚定点,它将使用
#
跳转到页面顶部。我会看一看

您也可以在此处查看API->

另外,请尝试将上述内容包装到一个准备好的
文档中

$(function(){
   // code here.
});

请改用,因为您的主要目标是影响整体可视性,而不是给定的不透明度。

谢谢,山姆,这很有魅力。我对fadeTo和FadeOut的角色有些困惑。干杯没问题@sean halpin。快乐编码!代码是有效的。问题不在那里。我忘了添加,除非您在跨浏览器不透明度设置方面有问题