Heim > Web-Frontend > js-Tutorial > jQuery implementiert das dynamische Löschen der LI-Instanzfreigabe

jQuery implementiert das dynamische Löschen der LI-Instanzfreigabe

小云云
Freigeben: 2018-01-10 11:24:24
Original
1367 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode zum dynamischen Löschen von jQuery vorgestellt und die Implementierungstechnik von jQuery für den dynamischen Betrieb von Seitenelementen in Form von Beispielen analysiert. Ich hoffe, dass es jedem helfen kann.

Manchmal kennen wir die ID von UL, aber es ist schwierig, die LI zu finden, um sie zu löschen. Hier sind einige Methoden als Referenz, aber setzen Sie sie nicht auf a ID, dann wird durch das Löschen nur das erste

gelöscht. Sie können


$("#ul li").not(":first").remove();
Nach dem Login kopieren

verwenden. Diese Methode kann alle anderen Li löschen, die nicht das erste sind li. .

Was ich hier verwende:


$(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);
      }
     });
    }
  });
Nach dem Login kopieren

Es gibt viele Methoden, die Sie auch verwenden können:

1. Verwenden Sie nicht


$("ul>li").not(":eq(0)").remove();
Nach dem Login kopieren

oder


$("ul>li").not(":first").remove();
Nach dem Login kopieren

2. Verwenden Sie den Filter

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

Verwandte Empfehlungen:

Detaillierte Erklärung zum schnellen und dynamischen Löschen und Löschen von Dom-Elementcodes in Javascript

So löschen Sie Javascript dynamisch Funktionen_Javascript-Tipps

JS-Methode zum dynamischen Löschen bestimmter Zeilen aus einer Tabelle_Javascript-Fähigkeiten

Das obige ist der detaillierte Inhalt vonjQuery implementiert das dynamische Löschen der LI-Instanzfreigabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage