• 技术文章 >web前端 >前端问答

    jquery能检测是否有同胞元素吗

    青灯夜游青灯夜游2022-06-08 17:15:38原创299

    能检测。检测方法:1、用“指定元素.siblings()”语句获取指定元素的所有同胞元素,会返回一个包含同胞元素的jquery对象;2、用“jquery对象.length==0”语句判断同胞元素个数是否为0,如果为0则没有同胞元素,反之有。

    本教程操作环境:windows7系统、jquery3.2.1版本、Dell G3电脑。

    使用jquery可以检查指定元素是否有同胞元素。

    检查方法:

    1、使用siblings()获取指定元素的所有同胞元素

    指定元素.siblings()

    会返回一个包含同胞元素的jquery对象。

    2、使用length属性获取jquery对象的长度

    length属性获取的长度就是同胞元素的个数

    jquery对象.length==0

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<style>
    			.siblings,.siblings *{ 
    				display: block;
    				border: 2px solid lightgrey;
    				color: lightgrey;
    				padding: 5px;
    				margin: 15px;
    			}
    		</style>
    		<script src="js/jquery-3.2.1.min.js"></script>
    		<script type="text/javascript">
    			$(document).ready(function() {
    				$("button").click(function() {
    					var len=$("h2").siblings().length;
    					if(len==0){
    						console.log("h2没有同胞元素"); 
    					}else{
    						console.log("h2有同胞元素,其个数为:"+len); 
    					}
    	
    				});
    			});
    		</script>
    	</head>
    	<body>
    		<div class="siblings">div (父)
    			<p>p(兄弟元素)</p>
    			<span>span(兄弟元素)</span>
    			<h2>h2(本元素)</h2>
    			<h3>h3(兄弟元素)</h3>
    			<p>p(兄弟元素)</p>
    		</div>
    		<button>检测h2是否有同胞元素</button>
    	</body>
    </html>

    1.gif

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery能检测是否有同胞元素吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery有哪些第三方插件 下一篇:es6怎么求数组中的奇数和
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery怎么删除dom匹配的元素• jquery怎么禁止某个事件• jquery怎么修改滚动条位置• jquery怎么实现元素可编辑• jquery怎么实现键盘事件触发• jquery怎么增加样式• jquery怎么动态改变rowspan值
    1/1

    PHP中文网