jquery怎么判断指定子元素是否存在

判断方法:1、使用“$("父元素").has("子元素").length”语句,如果返回值为1,则指定子元素存在;2、使用“$("...

判断方法:1、使用“$("父元素").has("子元素").length”语句,如果返回值为1,则指定子元素存在;2、使用“$("父元素").children("子元素").length”语句,如果返回值大于等于1,则指定子元素存在。

jquery怎么判断指定子元素是否存在插图1

jquery判断指定子元素是否存在

方法1:利用has() 方法

has() 将匹配元素集合缩减为拥有匹配指定选择器或 DOM 元素的后代的子集。

<!DOCTYPEhtml><html><head><scripttype="text/javascript"src="js/jquery-1.10.2.min.js"></script><scripttype="text/javascript">$(document).ready(function(){$("button").click(function(){if($("div").has("span").length){console.log("指定子元素存在")}else{console.log("指定子元素不存在")}});});</script></head><body><divstyle="border:1pxsolidred;"><p>子元素1</p><span>子元素2</span></div><br><button>指定子元素span是否存在</button></body></html>

jquery怎么判断指定子元素是否存在插图3

方法2:使用children()

children() 方法返回返回被选元素的所有直接子元素。

<!DOCTYPEhtml><html><head><scripttype="text/javascript"src="js/jquery-1.10.2.min.js"></script><scripttype="text/javascript">$(document).ready(function(){$("button").click(function(){if($("div").children("p").length){console.log("指定子元素存在");console.log($("div").children("p").length);}else{console.log("指定子元素不存在");console.log($("div").children("p").length);}});});</script></head><body><divstyle="border:1pxsolidred;"><p>子元素1</p><span>子元素2</span><span>子元素2</span><p>子元素3</p><p>子元素4</p></div><br><button>指定子元素是否存在</button></body></html>

jquery怎么判断指定子元素是否存在插图5

产品猿社区致力收录更多优质的商业产品,给服务商以及软件采购客户提供更多优质的软件产品,帮助开发者变现来实现多方共赢;

日常运营的过程中我们难免会遇到各种版权纠纷等问题,如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用,您可按照我们投诉流程处理,点我投诉

本文来自用户发布投稿,不代表产品猿立场 ;若对此文有疑问或内容有严重错误,可联系平台客服反馈;

部分产品是用户投稿,可能本文没有提供官方下下载地址或教程,若您看到的内容没有下载入口,您可以在我们产品园商城搜索看开发者是否有发布商品;若您是开发者,也诚邀您入驻商城平台发布的产品,地址:点我进入

如若转载,请注明出处:http://www.chanpinyuan.cn/33672.html;
(0)
上一篇 2023年1月19日 下午4:17
下一篇 2023年1月19日 下午4:17

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部