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

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>

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

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

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

Is it possible to hide a child element with parent of parent element?

javascript

css

element

hide

fadeout