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

Posted 2023-03-25

参考技术A 实现思路：使用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元素的数量
);
);

JS或者jQuery怎么给动态添加的DOM元素绑定事件

楼下说得太简单了，估计提问者看不懂。

假设，你有以下DOM

<div id="dvTest">
    <div>在这下面加一个按钮</div>
</div>

然后你添加一个按钮，方法如下

function addButton()
    var $container = $("#dvTest");
    $container.append("<a href='javascript:;'>click me</a>");

然后，给刚加的按钮一个click事件

//你要先找到你加的这个按钮
$("#dvTest > a").click(function() alert('you clicked me') );
//或
$("#dvTest > a").unbind().on('click'), function() alert('you clicked me') );

我觉得你主要是jQuery的筛选器用得不够熟。你可以搜一下，大概看看。只要能找到控件，绑定事件都不叫事儿。

参考技术A 添加后再绑定事件。
或者用on来绑定