程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

检查具有特定类的元素是否在主体内[重复]

发布于2022-11-14 21:46     阅读(1190)     评论(0)     点赞(9)     收藏(5)


我想显示一个span元素,如果div具有特定元素的元素class在 中body并隐藏span,如果div具有特定元素的元素class不再在body. 所以我试图用jQuery函数来解决这个问题has()它第一次按预期工作。但是,当我将classdiv 的特定名称重命名为specific-element-1并重新加载它时,它span仍然可见。我究竟做错了什么?这里是代码盘,因此您可以轻松更改class名称以检查它:https ://codepen.io/STWebtastic/pen/VyObKM

PS:我也尝试用jQuery函数解决这个问题after()但没有奏效。希望这足够清楚。children()has()

$(document).ready(function() {
  if ($('body').has('.specific-element')) {
    $('.showme').show();
  } else {
    $('.showme').hide();
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
  <div class="specific-element"></div>
  <span class="showme">Hello World!</span>
</body>


解决方案


尝试这个

$(document).ready(function() {
  if ($('body .specific-element').length) {
    $('.showme').show();
  } else {
    $('.showme').hide();
  }
});

在这里更新了笔




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/450813/bcb54d62ea5c4a571827/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

9 0
收藏该文
已收藏

评论内容:(最多支持255个字符)