javascript - 如果视频源为空,如何通过 jQuery 隐藏 div?
问题描述
如果 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();
解决方案
实际上,您正在寻找内部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>
推荐阅读
- angular - Angular 6复选框值在按下后退按钮时丢失
- javascript - JQuery - 过滤下拉列表,如果没有找到结果则插入文本
- javascript - 使用 jQuery 的标签分数
- javascript - Firebase 云消息传递/使用 JavaScript 向 Web 平台推送通知未收到消息
- eclipse - Swing Explorer for Eclipse (Luna) 仍然相关吗?
- android - androidX 导航和底部导航视图问题?
- php - 当我登录到 index.php 时,phpMyAdmin 没有连接
- rest - CHttpFile 重复或多次调用 SendRequest()/Read() 将给出过时的数据
- python - 统计调查结果
- java - Intellij 无法使用多个 SourceSet 解析 Gradle 项目中的符号