是否可以隐藏具有父元素的父元素的子元素？ [关闭]答案

【问题标题】：Is it possible to hide a child element with parent of parent element? [closed]是否可以隐藏具有父元素的父元素的子元素？ [关闭]
【发布时间】：2015-03-04 16:56:31
【问题描述】：

<div class="grandma">
    <span class="file-name">file name</span> 
    <span class="percent">100%</span> 
    <div class="clear"></div> 
    <div class="mother">
        <div class="upload-success"></div>
    </div>
</div>

当屏幕上出现“upload-success”时，我想在几秒钟内用“grandma”和“grandma”中的所有内容淡出“upload-success”。

我对js还不太了解，所以我想知道是否可以这样做..提前谢谢。

【问题讨论】：

upload-success 是如何出现在屏幕上的？如果它确实发生在回调函数中，您可以setTimeout 在几秒钟内使祖父元素消失。
“上传成功”究竟是什么时候出现的？
这是否符合您的要求？ jsfiddle.net/73t6gj33/1只是触发事件需要根据你的要求修改
@HashemQolami 我正在使用一个允许用户上传文件的 wordpress 插件。上传完成后出现“上传成功”。这是一个进度条。其实“grandma”是先出现的，上传完成后就会出现“upload-success”。

标签： javascript css hide element fadeout

【解决方案1】：

通过使用jquery，您可以像这样淡化它：

$(".upload-success").parent().parent().fadeOut(2000); //2000 milliseconds

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="grandma">
    <span class="file-name">file name</span> 
    <span class="percent">100%</span> 
    <div class="clear"></div> 
    <div class="mother">
        <div class="upload-success"></div>
    </div>
</div>

【讨论】：

多么天才的简单线条！非常感谢。它似乎工作得很好。我以为情况会更复杂。谢谢！