Compter les éléments de liste dans les données avant la sortie au format HTML

combatstarr20

J'ai une liste qui est retournée en utilisant ajax qui ressemble à ceci ...

console.log(data);

<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>

Je l'insère dans un élément HTML comme celui-ci ...

$("#output").html(data);

Cela fonctionne correctement, mais je voudrais compter le nombre d'éléments de la liste avant de le publier dans l'élément. J'ai essayé ce qui suit mais cela me donne juste le nombre de caractères ...

console.log(data.length);

Où vais-je mal? Existe-t-il un moyen de faire cela avant de sortir le HTML?

Nenad Vracar

Vos données ne sont qu'une chaîne, vous pouvez donc utiliser jQuery pour le transformer en objet jquery, puis sélectionner des liéléments de cet objet et obtenir la longueur.

const data = '<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>'
const html = $(data);

console.log(html.find('li').length)

$("#output").html(html);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="output"></div>

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

Compter les éléments consécutifs dans une liste d'une trame de données au niveau de la cellule dans de nouvelles colonnes

Comment compter les éléments de chaque liste dans la trame de données avec des pandas?

Compter les éléments de colonne de paires avec la même valeur dans un bloc de données et les afficher dans un format matriciel

Flutter - Comment compter les données en fonction de l'ID dans la liste

Compter les éléments dans une liste de liste

Compter les éléments dans postgresql avec la sortie de zéro pour ceux introuvables

compter les occurrences d'éléments de liste dans la deuxième liste en python

Comment compter les éléments dans la liste avec ImmutableJS?

compter les éléments dans la liste des listes

Suppression des éléments html du corps html dans ajax avant de les envoyer en tant que données au contrôleur

Comment compter le nombre d'apparitions pour tous les éléments d'une liste de chaînes par date dans la trame de données pandas

Comment rechercher des éléments dans une liste dans une trame de données et les compter

possible de compter les éléments de la liste de résultats dans type-graphql

Compter tous les éléments de la liste de périodes dans une seule période

Compter les éléments de la liste avec LINQ

Rspec, test AJAX, compter les éléments de la liste

Compter les éléments de la liste fois d'occurrences

compter les premiers éléments de la liste avec index

Remodelage de la trame de données au format long en format large en fonction de la valeur des éléments dans les colonnes

Classer et compter les éléments de la liste des listes dans django

Comment compter les éléments dans les données JSON

Angular2: Comment afficher les données au format html dans la liaison de données angular2?

Comment écrire les résultats de la sortie dans robotframework au format csv au format dict à l'aide de python?

Remodelage de la trame de données au format long en format large en fonction du nombre d'éléments dans les colonnes

Les éléments HTML statiques se chargent avant la récupération des données dans l'application Vue

Enregistrez la sortie au format CSV sans perdre les données précédentes sur ce CSV dans la trame de données pandas

boucle sur les 5 derniers éléments de la liste de données GET value & html

Compter les éléments dans la source de données ou à l'intérieur du répéteur

Stocker les éléments de la nième ligne dans une liste de données panda

TOP liste

  1. 1

    J'ai besoin de savoir si ces deux phrases sont les mêmes en programmation

  2. 2

    Javascript indiquant "impossible de définir la propriété 'innerHTML' sur null"

  3. 3

    Nextcloud avec Docker: impossible de créer ou d'écrire dans le répertoire de données

  4. 4

    La taille de la forme n'est pas égale à la taille de la cellule du tableau et ajuste le texte à l'intérieur de la forme

  5. 5

    Trouver l'intersection et l'union de deux rectangles

  6. 6

    Comment changer la couleur de la police dans R?

  7. 7

    Empêcher l'allocation de mémoire dans la génération de combinaison récursive

  8. 8

    Référencement des assemblys de structure .net 4.7 dans la solution .net core 2

  9. 9

    Compter combien de fois un nombre apparaît dans un tableau aléatoire

  10. 10

    Pourquoi utiliser Asyncio ne réduit pas le temps d'exécution global en Python et n'exécute pas les fonctions simultanément?

  11. 11

    Comment convertir une chaîne en tuple en utilisant `reads`?

  12. 12

    java.lang.ClassNotFoundException: oracle.jdbc.driver.OracleDriver

  13. 13

    comment afficher un bouton au-dessus d'un autre élément ?

  14. 14

    Création d'un nouvel objet d'une classe avec un nouveau nom en cliquant sur un bouton dans java swing

  15. 15

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  16. 16

    Restauration de la sauvegarde de la base de données SQL Server sur la version inférieure

  17. 17

    Créer un graphique à barres avec une fréquence relative / à partir d'un objet de table dans R

  18. 18

    Création d'un rappel python pour une fonction C à partir d'une DLL avec un tampon char.

  19. 19

    java.lang.NoClassDefFoundError: org / springframework / data / repository / config / BootstrapMode

  20. 20

    comment le contrôle de tableau javascript devrait-il être

  21. 21

    impossible d'ouvrir un nouvel onglet dans react, ajoute localhost: 3000 sur le lien?

chaudétiquette

Archive