jQuery如何判断有没有指定子元素，有几种方法
导读：相信很多人对“jQuery如何判断有没有指定子元素，有几种方法”都不太了解，下面小编为你详细解释一下这个问题，希望对你有一定的帮助 判断方法：1、使用“$("父元素" .has("子元素" .length”语句，如果返回值...
相信很多人对“jQuery如何判断有没有指定子元素，有几种方法”都不太了解，下面小编为你详细解释一下这个问题，希望对你有一定的帮助判断方法：1、使用“$("父元素").has("子元素").length”语句，如果返回值为1，则指定子元素存在；2、使用“$("父元素").children("子元素").length”语句，如果返回值大于等于1，则指定子元素存在。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery判断指定子元素是否存在
方法1：利用has() 方法
has() 将匹配元素集合缩减为拥有匹配指定选择器或 DOM 元素的后代的子集。
!DOCTYPE html>
html>
head>
script type="text/javascript" src="js/jquery-1.10.2.min.js">
/script>
script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
if ($("div").has("span").length) {
console.log("指定子元素存在")
}
else {
console.log("指定子元素不存在")
}
}
);
}
);
/script>
/head>
body>
div style="border: 1px solid red;
">
p>
子元素1/p>
span>
子元素2/span>
/div>
br>
button>
指定子元素span是否存在/button>
/body>
/html>
方法2：使用children()
children() 方法返回返回被选元素的所有直接子元素。
!DOCTYPE html>
html>
head>
script type="text/javascript" src="js/jquery-1.10.2.min.js">
/script>
script type="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>
div style="border: 1px solid red;
">
p>
子元素1/p>
span>
子元素2/span>
span>
子元素2/span>
p>
子元素3/p>
p>
子元素4/p>
/div>
br>
button>
指定子元素是否存在/button>
/body>
/html>
感谢各位的阅读，以上就是“jQuery如何判断有没有指定子元素，有几种方法”的内容了，通过以上内容的阐述，相信大家对jQuery如何判断有没有指定子元素，有几种方法已经有了进一步的了解，如果想要了解更多相关的内容，欢迎关注网络，网络将为大家推送更多相关知识点的文章。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： jQuery如何判断有没有指定子元素，有几种方法
本文地址： https://pptw.com/jishu/654808.html