Javascript 如何使用jquery删除ul中动态添加的li
当单击事件触发时,如何动态删除li,因为我想加载新的li 我尝试了类似这样的东西Javascript 如何使用jquery删除ul中动态添加的li,javascript,jquery,event-handling,Javascript,Jquery,Event Handling,当单击事件触发时,如何动态删除li,因为我想加载新的li 我尝试了类似这样的东西$(“.wrapper-n ul”).empty()但不工作。它将继续添加新li 先谢谢你 $(function () { $.ajax({ ... .... ... success:function(data){ for (var id = 0; i <
$(“.wrapper-n ul”).empty()代码>但不工作。它将继续添加新li
先谢谢你
$(function () {
$.ajax({
...
....
...
success:function(data){
for (var id = 0; i < data.length; i++) {
var dynamicli = '<li class="">' +
'<img src="path/to/image" class="_xy">' + data[i].name + '<i class="glyphicon glyphicon-user oncho"></i>' +
'<span class="myspan" id="' + data[i].id + '></span></li>';
$('#myullist').append(dynamicli);
}
}
});
$('#myullist').on('click', '.oncho', function () {
var id = $(this).find('span').attr('id');
$(".wrapper-n ul").empty();
$.ajax({
...
...
success: function (data) {
for (var id = 0; i < data.length; i++) {
var dynamicli = '<li class="">' +
'<img src="path/to/image" class="_xy">' + data[i].name + '<i class="glyphicon glyphicon-user oncho"></i>' +
'<span class="myspan" id="' + data[i].id + '></span></li>';
$('#myullist').append(dynamicli);
}
}
});
});
});
$(函数(){
$.ajax({
...
....
...
成功:功能(数据){
对于(var id=0;i”+
''+数据[i].名称+''+
“”;
$(“#myullist”).append(dynamicli);
}
}
});
});
});
//index.html
<div class="wrapper-n">
<ul id="myullist"></ul>
</div>
编辑:我修复了使用错误选择器的问题。谢谢您的帮助。使用.html(“”)
,这将基本上消除您所有的li事实,您的ul将变为空:
$(".wrapper-n ul").html('');
在Jquery中使用.remove()
方法。尝试$(“.wrapper-n ul”).children('li').remove() 怎么办?它不工作了?打了.empty
电话后,老李还在吗?另外,您的for循环是for(var id=0;i
您的意思是拥有var i=0
?为什么一开始就有for循环?执行时没有定义数据
变量。您可能出错了,您是否查看了控制台中的错误?@PatrickEvans我更新了我的帖子这将删除整个元素。这就是要实现的目标,对吗?完全删除旧的li
,然后添加新的li
?@AnoopJoshi你能解释一下为什么瓦伦和我的答案是错误的,我们应该投反对票吗?你理解这个问题的语法了吗?我们基本上只是逐字回答“elements.remove();”Jemz甚至没有提到整个元素不应该被删除。请解释你的答案。@Dropout现在好了吗?我不记得这个问题的上下文,但我注意到的一点是,$(“.wrapper-n ul”).empty()&$(“.wrapper-n ul”).children('li').remove();也会有同样的效果。不过我没有否决你的回答。