Comment convertir une chaîne en collection de listes dans jquery

jQuery est une bibliothèque JavaScript populaire qui fournit des outils pour simplifier la manipulation du DOM et obtenir des effets dynamiques. Dans de nombreuses applications Web, nous devons convertir les chaînes en collections de listes pour un meilleur traitement et une meilleure présentation des données. Cet article vous expliquera comment utiliser jQuery pour convertir une chaîne en une collection de listes.

1. Utilisez la méthode split

La méthode split() peut diviser une chaîne en un tableau, en utilisant le délimiteur spécifié. Par conséquent, nous pouvons utiliser la méthode split() pour diviser la chaîne en un tableau, puis utiliser la méthode each() de jQuery pour ajouter les éléments du tableau à la collection de listes.

Par exemple :

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);

Dans l'exemple de code ci-dessus, nous définissons d'abord une chaîne contenant plusieurs noms de fruits et utilisons "," comme séparateur pour la diviser en un tableau à l'aide de la méthode split(). Ensuite, nous créons une collection de listes vides et utilisons la méthode each() de jQuery pour parcourir chaque élément du tableau, l'encapsuler dans un élément d'élément de liste et l'ajouter à la collection de listes.

2. Utilisez la méthode map() de jQuery

Une autre façon de convertir une chaîne en une collection de listes consiste à utiliser la méthode map() de jQuery, qui divise la chaîne en un tableau et renvoie un tableau contenant les éléments de la liste. Une chose à noter avec cette méthode est qu'après la méthode map(), la méthode get() doit être utilisée pour reconvertir le tableau d'éléments DOM renvoyé en une collection jQuery.

Par exemple :

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);

Dans l'exemple de code ci-dessus, nous utilisons d'abord la méthode split() pour diviser la chaîne en un tableau, et utilisons la méthode map() de jQuery pour convertir le tableau en un tableau contenant des éléments d'élément de liste. Ensuite, nous créons une collection de listes vide et ajoutons des éléments d’élément de liste à la collection de listes à l’aide de la méthode append(). Enfin, nous attachons la collection de listes à la page.

Résumé

Cet article présente deux méthodes pour convertir une chaîne en une collection de listes à l'aide de jQuery : utiliser la méthode split() pour diviser la chaîne en un tableau et utiliser la méthode each() ou utiliser la méthode map() de jQuery pour convertir le tableau Est un tableau contenant des éléments de liste. Ces méthodes peuvent vous aider à travailler plus efficacement avec des données et des présentations.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!