Das JQuery-Array löscht Elemente an der angegebenen Position

WBOY
Freigeben: 2023-05-14 10:02:07
Original
1605 Leute haben es durchsucht

jQuery ist eine häufig verwendete JavaScript-Bibliothek, die in der Webentwicklung und im Webdesign weit verbreitet ist. In jQuery sind Arrays ein gängiger Datentyp und es können verschiedene Methoden zum Bearbeiten und Verwalten der Elemente im Array verwendet werden. In diesem Artikel wird erläutert, wie Sie mit dem jQuery-Array Elemente an bestimmten Positionen löschen.

jQuery-Arrays sind Objekte, die Sammlungen von Elementen darstellen, und sie werden normalerweise über Selektoren in einem HTML-Dokument oder XML-Dokument erstellt. Einige Beispiele sind:

var arr = ['apple', 'banana', 'orange', 'peach'];
Nach dem Login kopieren

Im obigen Beispiel besteht das Array „arr“ aus vier Elementen: „apple“, „banana“, „orange“ und „peach“.

Das Löschen von Elementen ist normalerweise eine häufige Aufgabe von Array-Operationen. Zu den gängigen Methoden gehören: pop(), shift(), splice(), delete usw. Im Folgenden wird erläutert, wie Sie mit der splice()-Methode von jQuery Elemente an bestimmten Positionen löschen. Die Methode

splice() fügt Elemente zum/aus dem Array hinzu bzw. entfernt sie und gibt das entfernte Element zurück. Diese Methode verändert das ursprüngliche Array. Die Methode
splice() lautet wie folgt:

array.splice(index, howmany, item1, ....., itemX)
Nach dem Login kopieren

Parameterbeschreibung:

  • Index: erforderlich. Eine Ganzzahl, die die Position angibt, an der ein Element hinzugefügt/entfernt werden soll. Verwenden Sie eine negative Zahl, um die Position vom Ende des Arrays anzugeben.
  • wieviele: erforderlich. Die Anzahl der zu löschenden Elemente. Bei der Einstellung 0 werden Elemente nicht gelöscht.
  • item1, ..., itemX: optional. Dem Array wurden neue Elemente hinzugefügt.

Nun sehen wir uns an, wie man mit der splice()-Methode Elemente aus einem Array entfernt. Wenn wir beispielsweise das zweite Element (Index 1) im arr-Array löschen müssen, können wir den folgenden Code verwenden:

arr.splice(1,1);
Nach dem Login kopieren

Der obige Code löscht das Element am zweiten Index aus dem arr-Array und löscht nur an Element. Wenn Sie mehrere Elemente gleichzeitig löschen müssen, können Sie den zweiten Parameter howmany auf die Anzahl der Elemente setzen, die gelöscht werden müssen. Um beispielsweise sowohl das zweite als auch das dritte Element im arr-Array zu löschen, können Sie den folgenden Code verwenden:

arr.splice(1,2);
Nach dem Login kopieren

Im obigen Code gibt der erste Parameter die Position des zweiten zu löschenden Elements an (Index 1), while Der zweite Parameter gibt die Anzahl der zu entfernenden Elemente an (2).

Es ist zu beachten, dass die Methode splice() das ursprüngliche Array ändert. Wenn Sie das ursprüngliche Array beibehalten müssen, können Sie das Array kopieren, bevor Sie splice() ausführen. Der folgende Code erstellt beispielsweise eine Kopie, die die Elemente des arr-Arrays enthält:

var copyArr = arr.slice(0);
Nach dem Login kopieren

Jetzt wissen wir, wie man mithilfe eines jQuery-Arrays ein Element an einer angegebenen Position löscht. Im eigentlichen Codierungsprozess können wir verschiedene Array-Operationsmethoden verwenden, um die Elemente im Array nach Bedarf zu bedienen und zu verwalten.

Das obige ist der detaillierte Inhalt vonDas JQuery-Array löscht Elemente an der angegebenen Position. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!