本文摘自PHP中文网,作者coldplay.xixi,侵删。
jQuery实现动态删除LI的方法:1、使用not判断,代码为【$("ul>li").not(":eq(0)").remove()】;2、使用filter判断,代码为【$("ul>li").filter(function(index)】。

本教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
推荐:jquery视频教程
jQuery实现动态删除LI的方法:
我们有时候知道UL的id,但是苦不堪言的找不到LI进行清除,这边有一些办法可以参考,设置Li的id是不错的方法,但是千万别设置成一个ID,到时候删除只会删除第一个
可以使用
1 | $( "#ul li" ).not( ":first" ).remove();
|
这个方式可以删除不是第一个li的其他所有li.
我这边是用:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | $(document).ready( function (){
$( "#search_content" ).keyup( function () {
if (CheckChinese($( "#search_content" ).val()))
{
$.ajax({
type: "POST" ,
anync: true,
url: "HelpCenterSuggestion.ashx" ,
cache: false,
dataType: "text" ,
data: { m: $( "#search_content" ).val() },
success: function (result) {
alert(result);
$( "#UlContent li" ).remove();
$( "#UlContent" ).append(result);
}
});
}
});
|
方法很多,还可以用:
阅读剩余部分
相关阅读 >>
mock jQuery怎么使用
jQuery如何判断元素中是否存在标签
jQuery框架是什么?
jQuery如何验证输入的是否为中文
jQuery怎么判断是否有某个属性
jQuery怎么判断是否为数组
如何解决jQuery ajax不兼容ie8的问题
jQuery怎么锁定焦点
jQuery怎样才能快速滚动到页面顶部
如何用jQuery让图片逐渐显示出来
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jQuery如何实现动态删除LI