jQuery insérer par ordre alphabétique dans une liste

Cette fonction insère les éléments de l'ordre alphabétique (en supposant que cela contient des lettres). Conçu à l'origine pour créer une fonction de charge / enregistrement d'une seule page en douceur qui trie tout dans la liste déroulante par ordre alphabétique, vous l'avez deviné par ordre alphabétique. Il peut être simplement modifié pour s'adapter à tout type de mise en page (pour les exemples, les listes commandées sont plus faciles).

$('ul li').eq(2).after(' 8. 新元素 '); Dans ce code, eq(2) sélectionne le troisième élément de la liste (car l'index démarre à 0) et after() insère un nouvel élément après l'élément sélectionné.

Quelle est la différence entre insertBefore() et prepend() dans jQuery? Les fonctions et insertBefore() dans prepend() jQuery sont utilisées pour insérer de nouveaux éléments dans le DOM. Cependant, ils insérent de nouveaux éléments à différents endroits. La fonction insertBefore() insère l'élément cible avant le nouvel élément, et la fonction prepend() insère le nouvel élément comme le premier élément enfant de l'élément cible. Voici un exemple qui illustre la différence:

// 使用 insertBefore() $(' 13. 新元素 ').insertBefore('ul li:first');

// 使用 prepend() $('ul').prepend(' 17. 新元素 '); Dans le premier code, le nouvel élément est inséré avant le premier élément de la liste. Dans le deuxième code, le nouvel élément est inséré comme le premier élément enfant de la liste, ce qui signifie également qu'il est inséré avant le premier élément.

Comment insérer des éléments dans la liste des commandes alphabétiques à l'aide de jQuery? Pour utiliser jQuery pour insérer des éléments dans une liste alphabétique de liste, vous devez itérer les éléments de liste, comparer le texte de chaque élément avec le texte du nouvel élément et insérer le nouvel élément dans la position appropriée. Voici un exemple:

let newListElement = $(' 22. 新元素 '); $('ul li').each(function() { if ($(this).text() > newListElement.text()) { newListElement.insertBefore($(this)); return false; // 停止迭代 } }); Dans ce code, la fonction each() est utilisée pour parcourir les éléments de la liste. La fonction text() est utilisée pour obtenir le texte de chaque élément et nouvel élément, et l'opérateur > est utilisé pour comparer le texte. Si le texte de l'élément actuel est plus grand que le texte du nouvel élément, insérez le nouvel élément avant le nouvel élément et arrêtez l'itération.

Puis-je insérer plusieurs éléments dans une liste à la fois en utilisant jQuery? Oui, vous pouvez insérer plusieurs éléments dans une liste à la fois en utilisant jQuery. Vous pouvez créer une chaîne contenant le code HTML pour le nouvel élément et insérer le nouvel élément à l'aide des fonctions append() ou prepend() . Voici un exemple:

let newElements = ' 33. 新元素 1 34. 新元素 2 35. 新元素 3 '; $('ul').append(newElements); Dans ce code, la fonction append() est utilisée pour insérer un nouvel élément dans la fin de la liste. Si vous souhaitez insérer un nouvel élément dans le début de la liste, vous pouvez utiliser la fonction prepend() .

Les autres réponses de la FAQ peuvent être réécrites de la même manière pour la rendre plus concise et plus claire et utiliser une syntaxe JavaScript plus moderne. La clé est de garder la signification originale inchangée et de l'exprimer dans un langage plus lisse.

jQuery insérer par ordre alphabétique dans une liste

Articles Liés