ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery は LI インスタンス共有の動的削除を実装します

jQuery は LI インスタンス共有の動的削除を実装します

小云云
小云云オリジナル
2018-01-10 11:24:241282ブラウズ

この記事では主に jQuery の LI を動的に削除する方法を紹介し、ページ要素を動的に操作するための jQuery の実装テクニックをサンプルの形式で分析します。

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

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

を使用できます。このメソッドは、最初の 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);
      }
     });
    }
  });

たくさんのメソッドがあります使用する:

1.

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

を使用しない 2. フィルター

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

を使用する 関連する推奨事項:


javascript を動的に削除する方法コード詳細説明


JavaScript関数を動的に削除する方法_javascriptスキル

テーブルから指定した行を動的に削除するJSメソッド_javascriptスキル

以上がjQuery は LI インスタンス共有の動的削除を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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