使用jquery隐藏除一个子div以外的所有元素，包括其子元素

-5

div下有一个具有myDiv类的视频播放器。我想隐藏整个网站，只是想显示视频，即myDiv和它的children.How使用jQuery或JavaScript来做到这一点。使用jquery隐藏除一个子div以外的所有元素，包括其子元素

<body> 
    <header></header> 
    <main> 
     <section></section> 
     <section> 
     <div class="myDiv"> 
      <div></div> 
      <div</div> 
     </div> 
     </section> 
     <section></section> 
    </main> 
    <footer></footer> 
</body>

来源

2017-05-22 kiran goud

为什么不只是添加一个通用的'hidden'类？ – ThisGuyHasTwoThumbs

您想要隐藏“所有内容”或“主”的内容。 –

是的。我想隐藏除myDiv以外的所有内容，其中有一个视频播放器。我只想播放该视频并隐藏所有内容。 –

尝试使用jQuery的filter()功能

$('section').filter(function(){ 
 
return $(this).find('.myDiv').length == 0 //its hiding except myDiv 
 
}).hide()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<body> 
 
    <main> 
 
    <section>first</section> 
 
    <section>second contains myDiv 
 
     <div class="myDiv">its a my div 
 
     <div>i m child of myDiv</div> 
 
     <div>i m child of myDiv</div> 
 
     </div> 
 
    </section> 
 
    <section>Third</section> 
 
    </main> 
 
</body>

来源

2017-05-22 11:42:49 prasanth

这是隐藏的myDiv，我想隐藏一切除了那个。 –

没有不隐藏myDiv。请参阅片段@kirangoud – prasanth

你可以给视频div的一类，每其他分区一个隐藏的类，因此，当你点击写代码它玩，它隐藏了一切。

所以在您的jQuery

$('.videoClass').click(function(){ 
$('.hide').css('display','none'); 
});

，你可以添加一个切换，所以当你再次点击它，它会显示所有隐藏层。

来源

2017-05-22 16:55:08

我无法控制该网站。 –

使用jquery隐藏除一个子div以外的所有元素，包括其子元素

回答

相关问题