How to dynamically delete LI using jQuery

JQuery's method of dynamically deleting LI: 1. Use not to judge, the code is [$("ul>li").not(":eq(0)").remove()]; 2. Use filter to judge, the code is [$("ul>li").filter(function(index)].

The operating environment of this tutorial: windows7 system, jquery3.2.1 version, DELL G3 computer.

Recommendation:jquery video tutorial

jQuery method to dynamically delete LI:

Sometimes we know the ID of UL, but it is miserable to find the LI to clear it. Here are some methods for reference. Setting the ID of Li is a good method, but do not set it to an ID. When the time comes, Deletion will only delete the first

You can use

$("#ul li").not(":first").remove();

This method can delete all other li that are not the first li.

I use:

$(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); } }); } });

There are many methods, you can also use:

1, use not

$("ul>li").not(":eq(0)").remove();

or

$("ul>li").not(":first").remove();

2 , use filter

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

Related free learning recommendations:javascript(Video)

The above is the detailed content of How to dynamically delete LI using jQuery. For more information, please follow other related articles on the PHP Chinese website!