是否可以使用父元素的父元素隐藏子元素？

Question

<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>

当屏幕上出现“上传成功”时，我想用“奶奶”和“奶奶”里面的所有内容在几秒钟内淡出“上传成功”。

我对js知之甚少，所以我想知道是否可以这样做..提前致谢。

Answer 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>