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

比如<ul id="father"><li></li><li></li><li></li>......</ul>我想获取li的个数
2024-11-22 17:54:46
推荐回答(5个)
回答1:

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

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

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

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

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

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

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

回答2:

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


……

$("#father a").length

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

  • ……

$("ul > li").length;

扩展资料:

jQuery获取元素的个数


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

$("ul > li").length;

或使用其size()方法:

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

回答3:

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

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

        

  • Glen
  •     

  • Tane
  •     

  • John

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

$(function(){

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

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

    });

}); 

3、效果演示:

回答4:

  

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

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

回答5:

$("#father li").length