jquery 怎么获得动态添加后的子元素个数

jquery 怎么获得动态添加后的子元素个数,第1张

实现思路:使用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元素的数量
});
});

为ul标签命名,比如:id="myul",以下是js代码取得该ul标签中li标签的个数\x0d\\x0d\\x0d\functiongetCount(){\x0d\varcount=documentgetElementById("myul")getElementsByTagName("li")length;\x0d\alert(count);\x0d\}\x0d\

var getU = function(html, ul_id){
    var reg = new RegExp("[\\s\\S]<ul[^>]+id[=\"\']+"+ul_id+"[\"\'][^>]>((:(!<\/ul>)[\\s\\S]))<\/ul>[\\s\\S]","gi");
    var str = htmlreplace(reg,"$1");
    var regex = /<a>((:(!<\/a>)[\s\S]))<\/a>/gi;
    var arr = [];
    while(regexexec(str)){
        arrpush(RegExp$1);
    }
    return arr;
}
var html = "<ul id='e5e'>\r\n<li><a>e5e1</a></li>\r\n<li><a>e5e2</a></li>\r\n</ul>\r\n<ul id='x6'>\r\n<li><a>x61</a></li>\r\n<li><a>x62</a></li>\r\n</ul>\r\n<ul id='dd2'>\r\n<li><a>dd21</a></li>\r\n<li><a>dd22</a></li>\r\n</ul>";
var ul_id = "x6";
var arr = getU (html, ul_id);
consolelog(arr);

首选假设有一个DOM结构
<div id="content">
<ul><li>1</li></ul>
<ul><li>2</li></ul>
</div>
现在我取content元素下的第二个ul元素下的li元素的个数,代码如下
$(function(){
$("#content ul:nth-child(2)")children("li")length;
});


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/yw/13381139.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-25
下一篇 2023-07-25

发表评论

登录后才能评论

评论列表(0条)

保存