PetitQ$(selector).children()
JQuery/PHP
jQuery 如何判断元素是否有子节点
收藏
方法：1、用 children()获取元素下的所有子节点，语法“元素对象.children()”，会返回一个包含子节点的 jQ 对象；2、用 length 检测子节点个数是否为 0，语法“对象.length==0”，如果个数为 0 则没有子节点，反之则有。
1、使用 children()获取该元素下的所有子集元素
也想出现在这里？联系我们吧
children() 方法返回被选元素的所有直接子元素。
会返回一个包含所有子节点的 jQuery 对象
2、利用 length 属性判断子节点的个数是否为 0
length 属性可以获取指定 jQuery 对象中元素的数目
只需要判断获取的子节点个数是否为 0 即可
jQuery对象.length==0
子节点个数为 0，则没有子节点
子节点个数不为 0，则有子节点
实现示例：
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="js/jquery-1.10.2.min.js"></script><style>.div,
div * {display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style><script>$(document).ready(function() {$("button").on("click", function() {var len=$("ul").children().length;console.log("ul元素中有子节点，个数为："+len);$("ul").children().css({"color": "red",
"border": "2px solid red"
});
});
});
</script></head><body class="ancestors"><div style="width:500px;">div (父节点)<ul>ul (指定元素)<li>li (子节点1)<span>span (孙节点1)</span>
</li><li>li (子节点2)<span>span (孙节点2)</span>
</li><li>li (子节点3)<span>span (孙节点3)</span>
</li></ul></div><button>检测ul元素是否有子节点</button>
</body></html>
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
