jquery 动态添加的元素 怎么删除元素

Posted 2023-04-22

1、首先jquery中有remove方法可以把元素从dom中删除

2、想要获取到添加的元素，那就得在添加完成之后获取添加的元素，然后执行remove方法就会删除掉添加的元素

写个例子

$('.fix').append('<span class=“box”></span>');//我添加了一个类名是box的span标签
$('.box').remove();//在之后我获取到改元素，执行remove方法，就会把类名是box的元素删掉

要注意类名是否重复，不能误删，如果是这种需求的话，可以像这样试一下

参考技术A 添加 有$("#div").append("<p>xxx</p>")，(根据要添加的位置使用prepend，before，after)
删除$("#div").remove();$("#div").removeAll()等

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

参考技术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元素的数量
);
);