jquery怎样获取一个元素下面相同子元素的个数？

Question

比如
<ul id="father">
<li></li>
<li></li>
<li></li>

......

</ul>

我想获取li的个数

Answer 1

1、siblings()，可以返回元素的所有同胞元素。

2、next()，可以获取到当前元素的下一个同胞元素。

3、nextAll()，可以获取到当前元素的所有跟随的同胞元素。

4、nextUntil()，可以获取到介于两个元素之间的所有跟随的同胞元素。

5、prev()，可以获取到当前元素的前一个同胞元素。

6、prevAll()，可以获取到当前元素的所有之前的同胞元素。

7、prevUntil()，可以获取到介于两个元素之间的所有之前的同胞元素。

Answer 2

1、例如下面的html代码，要获取P元素下面a元素的个数：

<p id="father">

<a></a>

<a></a>

<a></a>

<a></a>

<a></a>

……

<a></a>

</p>

$("#father a").length

2、如下面是html，若要获取li的个数可使用：$("ul > li").length;

<ul>

<li></li>

<li></li>

<li></li>

……

</ul>

$("ul > li").length;

扩展资料：

jQuery获取元素的个数

<ul>

<li></li>

<li></li>

<li></li>

</ul>

如要获取上述html中li的数量:

$("ul > li").length;

或使用其size()方法:

$("ul > li").size();

Answer 3

实现思路：使用jQuery的length属性获取对象中元素的数目，$(selector).length。实例演示如下：

1、HTML结构：设置id为test的ul下有4个列表元素

<ul>

    <li>Glen</li>

    <li>Tane</li>

    <li>John</li>

</ul>

2、jquery代码：点击列表后获取li数量

$(function(){

    $("#test").click(function() {

        alert($("#test li").length);   // 获取id为test的ul下的li元素的数量

    });

}); 

3、效果演示：

Answer 4

　　

$(".父元素 .子元素").length;//这个就是子元素的个数

　　上面也可以改成id或者直接用标签名称也可以，如果要操作每个子元素的话，应该会涉及到闭包问题。

Answer 5

$("#father li").length