jQuery获得子元素个数的方法_框架

本文实例讲述了jQuery获得子元素个数的方法。分享给大家供大家参考。具体分析如下：

//获取id=div1下的子元素的个数

$('#div1')children()length;

//获取id=div1下的span元素个数

$('#div1')children('span')length;

希望本文所述对大家的jQuery程序设计有所帮助。

可以使用jQuery的children方法来获取某个元素下的所有子元素。

工具原料：编辑器、浏览器

1、使用children方法可以获得选择器下的所有子元素，代码实例如下：

<!DOCTYPE html>

<html>

<head>

<style>

body { font-size:16px; font-weight:bolder; }

p { margin:5px 0; }

</style>

</head>

<body>

<div>

<span>Hello</span>

<p class="selected">Hello Again</p>

<div class="selected">And Again</div>

</div>

</body>

</html>

2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：

<!doctype html>

<html>

<head>

div {

float: left;

width: 100px;

height: 80px;

border: 1px solid #0ff;

margin-right: 5px;

display:block;

}

</style>

<!--$("btn")是找到class="btn"的信息，直接each循环出div，里面的children()，里面的item，就是你想要的子元素了，（深圳网站建设:=">

以上就是关于jQuery获得子元素个数的方法全部的内容，包括:jQuery获得子元素个数的方法、jquery如何获取一个元素中的有哪些数字，并打印出来、jQuery怎么获取一个DIV下所有元素的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

jQuery获得子元素个数的方法