So konvertieren Sie einen String in eine Listensammlung in JQuery

jQuery ist eine beliebte JavaScript-Bibliothek, die Tools zur Vereinfachung der DOM-Manipulation und zur Erzielung dynamischer Effekte bereitstellt. In vielen Webanwendungen müssen wir Zeichenfolgen zur besseren Datenverarbeitung und -darstellung in Listensammlungen konvertieren. In diesem Artikel erfahren Sie, wie Sie mit jQuery eine Zeichenfolge in eine Listensammlung konvertieren.

1. Verwenden Sie die Split-Methode

Die Split()-Methode kann eine Zeichenfolge mithilfe des angegebenen Trennzeichens in ein Array aufteilen. Daher können wir die Methode split() verwenden, um die Zeichenfolge in ein Array aufzuteilen, und dann die Methode every() von jQuery verwenden, um die Array-Elemente zur Listensammlung hinzuzufügen.

Zum Beispiel:

var str = "苹果、香蕉、橙子、葡萄、梨子";
var arr = str.split("、");
var $ul = $("<ul>");

$.each(arr, function(index, value) {
  var $li = $("<li>").text(value);
  $ul.append($li);
});

$("body").append($ul);

Im obigen Beispielcode definieren wir zunächst eine Zeichenfolge mit mehreren Fruchtnamen und verwenden „“,“ als Trennzeichen, um sie mithilfe der Methode „split()“ in ein Array aufzuteilen. Als Nächstes erstellen wir eine leere Listensammlung und verwenden die Methode every() von jQuery, um jedes Element im Array zu durchlaufen, es in ein Listenelementelement zu kapseln und es an die Listensammlung anzuhängen.

2. Verwenden Sie die Methode „map()“ von jQuery

Eine andere Möglichkeit, einen String in eine Listensammlung umzuwandeln, ist die Verwendung der Methode „map()“ von jQuery, die den String in ein Array aufteilt und ein Array mit den Listenelement-Arrays zurückgibt. Bei dieser Methode ist zu beachten, dass nach der Methode „map()“ die Methode „get()“ verwendet werden muss, um das zurückgegebene DOM-Elementarray zurück in eine jQuery-Sammlung zu konvertieren.

Zum Beispiel:

var str = "苹果、香蕉、橙子、葡萄、梨子";
var arr = str.split("、");

var $lis = $.map(arr, function(value) {
  return $("<li>").text(value)[0];
});

var $ul = $("<ul>").append($lis);
$("body").append($ul);

Im obigen Beispielcode verwenden wir zunächst die Methode „split()“, um die Zeichenfolge in ein Array aufzuteilen, und verwenden dann die Methode „map()“ von jQuery, um das Array in ein Array mit Listenelementelementen umzuwandeln. Als Nächstes erstellen wir eine leere Listensammlung und fügen mithilfe der append()-Methode Listenelementelemente zur Listensammlung hinzu. Zum Schluss hängen wir die Listensammlung an die Seite an.

Zusammenfassung

In diesem Artikel werden zwei Methoden zum Konvertieren einer Zeichenfolge in eine Sammlung von Listen mithilfe von jQuery vorgestellt: Verwendung der Methode „split()“ zum Aufteilen der Zeichenfolge in ein Array und Verwendung der Methode „each()“ oder Verwendung der Methode „map()“ von jQuery Array konvertieren Ist ein Array, das Listenelemente enthält. Mithilfe dieser Methoden können Sie effizienter mit Daten und Präsentationen arbeiten.

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie einen String in eine Listensammlung in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!