li").not(":eq(0)").remove()]; 2. フィルタを使用して判定します。 , コードは【$("ul>li").filter(function(index)】です。"/> li").not(":eq(0)").remove()]; 2. フィルタを使用して判定します。 , コードは【$("ul>li").filter(function(index)】です。">

ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryを使用してLIを動的に削除する方法

jQueryを使用してLIを動的に削除する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-24 10:17:553001ブラウズ

JQuery の LI を動的に削除する方法: 1. 判断しないために使用します。コードは [$("ul>li").not(":eq(0)").remove()]; 2フィルターを使用して判断します。コードは [$("ul>li").filter(function(index)] です。

jQueryを使用してLIを動的に削除する方法

この動作環境チュートリアル: Windows7 システム、jquery3.2.1 バージョン、DELL G3 コンピューター

推奨事項: jquery ビデオ チュートリアル

jQuery で LI を動的に削除するメソッド:

UL の ID はわかることもありますが、それをクリアするために LI を見つけるのは悲惨です。参考までにいくつかの方法を示します。Li の ID を設定するのは良い方法ですが、それを設定しないでください。 ID。時間が来ると、削除は最初の li のみを削除します。

あなたは

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

を使用できます。このメソッドは、最初の li ではない他のすべての li を削除できます。

I使用:

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

多くの方法がありますが、次の方法も使用できます:

1、

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

または

$("ul>li").not(":first").remove();
は使用しません

2 、フィルターを使用します

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

関連する無料学習の推奨事項:javascript (ビデオ)#### #####

以上がjQueryを使用してLIを動的に削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

関連記事

続きを見る