首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如果div A在jquery或javascript中为空,则删除(或隐藏) div B

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

Stack Overflow用户
提问于 2018-06-25 01:15:53
回答 3查看 36关注 0票数 0

如果div A为空,我想删除(或隐藏) div B。这样做会稍微清理一下屏幕。

代码语言:javascript
复制
if ( $('#textDiv').text()=='' ) {
  $('#newPlayer').hide();
}
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id = "textDiv"></div>

<div id = "newPlayer">blah blah"</div>

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-06-25 01:24:35

您的代码很好,只需将其包装在$(function(){});$(document).ready(function(){});中,或者在页面底部使用它

代码语言:javascript
复制
$(function(){

setInterval(function(){if ( $('#textDiv').text()=='' ) {
  $('#newPlayer').hide();
}},1000);
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id = "textDiv"></div>

<div id = "newPlayer">blah blah"</div>

票数 1
EN

Stack Overflow用户

发布于 2018-06-25 01:27:06

您的代码缺少documentready函数。将您的代码放在documentready事件中将使其正常工作。另外,使用.trim()检查实际为空的情况。

代码语言:javascript
复制
$(function() {
  if ($('#textDiv').text().trim() == '') {
    $('#newPlayer').hide();
  }
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="textDiv"></div>
<div id="newPlayer">blah blah"</div>

票数 1
EN

Stack Overflow用户

发布于 2018-06-25 01:22:31

确保将代码放在$(document).ready()中

代码语言:javascript
复制
$(document).ready(function(){
    if ( $('#textDiv').text()=='' ) {
      $('#newPlayer').hide();
    }
})
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51012219

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档