li").not(":eq(0)").remove()】;2、使用filter判断,代码为【$("ul>li").filter(function(index)】。"/> li").not(":eq(0)").remove()】;2、使用filter判断,代码为【$("ul>li").filter(function(index)】。">
Rumah > hujung hadapan web > tutorial js > jQuery如何实现动态删除LI

jQuery如何实现动态删除LI

coldplay.xixi
Lepaskan: 2023-01-04 09:37:57
asal
3024 orang telah melayarinya

jQuery实现动态删除LI的方法:1、使用not判断,代码为【$("ul>li").not(":eq(0)").remove()】;2、使用filter判断,代码为【$("ul>li").filter(function(index)】。

jQuery如何实现动态删除LI

本教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

推荐:jquery视频教程

jQuery实现动态删除LI的方法:

我们有时候知道UL的id,但是苦不堪言的找不到LI进行清除,这边有一些办法可以参考,设置Li的id是不错的方法,但是千万别设置成一个ID,到时候删除只会删除第一个

可以使用

$("#ul li").not(":first").remove();
Salin selepas log masuk

这个方式可以删除不是第一个li的其他所有li.

我这边是用:

$(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);
      }
     });
    }
  });
Salin selepas log masuk

方法很多,还可以用:

1、用not

$("ul>li").not(":eq(0)").remove();
Salin selepas log masuk


$("ul>li").not(":first").remove();
Salin selepas log masuk

2、用filter

$("ul>li").filter(function(index){
return index!=0;
}).remove();
Salin selepas log masuk

相关免费学习推荐:javascript(视频)

Atas ialah kandungan terperinci jQuery如何实现动态删除LI. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan