如果视频源通过jQuery为空,如何隐藏div?

阿尔巴诺(Albano)Albanese

如果src为空,如下所示,我想隐藏video_wrapper类

<div class="video_wrapper" style="width: 100%; height: 100%; display: none;">
  <video id="df-video" playsinline="" webkit-playsinline="" style="height: 100%; width: 100%;"> 
    <source  src="" type="video/mp4">
  </video>
</div>

我尝试了以下jquery,但是当src具有任何视频格式时,它也会隐藏。

if ( jQuery('video[src][src=""]') )
   jQuery(".video_wrapper").hide();
else
   jQuery(".video_wrapper").show();

https://jsfiddle.net/v87b5feq/

德克尔

实际上,您正在寻找内部video具有source元素的元素,该元素的属性src为空:

$('video source[src=""]')

这是一个基于您的代码的示例:

$('video source[src=""]').each(function() {
  $(this).parents('.video_wrapper').hide();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="video_wrapper" style="width: 100%; height: 100%;">
  <video id="df-video" playsinline="" webkit-playsinline="" style="height: 100%; width: 100%;"> 
    <source  src="" type="video/mp4">
  </video>
</div>

<div class="video_wrapper" style="width: 100%; height: 100%;">
this will not be hidden
  <video id="df-video" playsinline="" webkit-playsinline="" style="height: 100%; width: 100%;"> 
    <source  src="b" type="video/mp4">
  </video>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如果 jquery 中的其他 div 为空,则隐藏 div

jQuery:如果输入文件为空,则需要隐藏div

如果使用jquery的anchor标签的URL为空,如何隐藏一个div

如果可观察对象为空,如何隐藏 div

如果 tr 与 thymeleaf 为空,如何隐藏父 div?

隐藏div(如果div为空)

如果ul为空,则隐藏div

如果值为空,则隐藏div(javascript)

如果div为空,则隐藏按钮

隐藏链接,如果div为空?

如果一个内部div为空Jquery或CSS3,则隐藏div

如果 div A 在 jquery 或 javascript 中为空,则删除(或隐藏)div B

如果链接为空,如何隐藏图标

如果使用jQuery在div标签内的span元素为空,则隐藏元素

如果嵌套div为空,则隐藏父Div

如果子 div 为空,则隐藏父 div

如果复选框中的选择动态添加的输入为空,如何隐藏div容器

如果第一个孩子为空,如何隐藏父div

如果使用jquery / javascript将url设置为特定值,如何隐藏和显示div?

如果输入为空,如何隐藏表格行?

如果文本为空,如何隐藏表格单元格

Android:如果RecyclerView为空,如何隐藏SearchView图标?

如果实体集为空,如何隐藏控件

如果 src 字段为空,如何隐藏块?

通过jQuery删除一行,如果表为空,如何显示“无数据”消息?

当输入字段为空时显示/隐藏div(jquery,javascript)

如果在JQUERY中keyup为空,如何显示div

如果条件为真,如何隐藏标题的 div

asp .net中的Listview为空时如何隐藏div