obtenir tous les éléments HTML (les noms ou ids) par ordre d'apparition sur un formulaire en utilisant javascript

Question

Au travail, j'ai quelques formulaires HTML (asp classique dos) avec des éléments HTML normaux et asp classique cases à cocher dynamique. Nous voulons faire des rapports sur ceci et créer des tableaux croisés dynamiques de sorte que je dois fournir une liste de tous les noms ou identifiants (les noms sont probablement meilleurs) des objets html (statiques et dynamiques) dans l'ordre où ils apparaissent sur le formulaire . Certains sont cachés jusqu'à ce que l'utilisateur interagisse avec l'objet dépendant (nous le voulons aussi).

J'ai trouvé plusieurs messages au sujet d'obtenir une classe withing tous mais pourrait trouver cette réponse exacte parce que l'ordre est très important!

jQuery est déjà utilisé sur la page afin que ce serait bien d'utiliser.

Merci d'avance!

Answer 1

Utilisez l'une des options pour créer une liste d'identifiants d'éléments/noms dans les #myForm:

var orderedArrayId = []; 
$("#myForm *[id]").each(function(){ 
    orderedArrayId.push(this.id); 
}) 

var orderedArrayName = []; 
$("#myForm *[name]").each(function(){ 
    orderedArrayName.push(this.name); 
}) 

Au lieu d'utiliser .push(this.id), vous pouvez également utiliser .push(this), si vous voulez obtenir une liste des éléments DOM.

Après avoir exécuté ce code, vous pouvez parcourir tous les éléments:

$.each(orderedArrayId, function(index, element){ 
    //element holds the ID of the element 
    // (or a reference to the DOM element, if you've used `.push(this)` instead 
    //  of `.push(this.id)`) 
    //Do something 
});