jQuery Girl
  1. jQuery Girl
  3. Comment obtenir un tableau de valeur d’atsortingbut à partir d’éléments d’un object jQuery
Intereting Posts
lire les valeurs du formulaire post en jquery ou javascript Jquery remplace le texte à l’intérieur du html Formulaires Web JQuery et ASP.NET Sélectionnez une seule case à cocher / radiobutton dans la même ligne et la même colonne Les index de démonstration de jQuery SheepIt sont incorrects à l’aide de formulaires nesteds Cacher le débordement d’une div en position absolue perturbe Javascript Comportement étrange lors de la suppression de boutons d’action d’une table en JavaScript jQuery – Le curseur ne fonctionne pas Impossible de parcourir la galerie d’images avec la sélection jQuery Ajouter dynamicment des éléments réductibles Diapositive 2 éléments du carrousel OWL Afficher les données JSON nestedes dans les tables de données jQuery Comment vérifier si Ssortingng commence par un nombre en javascript Supprimer un script avec jQuery jQuery forme post avant de soumettre

Comment obtenir un tableau de valeur d’atsortingbut à partir d’éléments d’un object jQuery

J’utilise un atsortingbut personnalisé dans les éléments de ma propre classe. J’essaie de renvoyer la valeur d’atsortingbut personnalisé pour tous les éléments de la classe.

J’ai utilisé jQuery pour rechercher les éléments par classe et jQuery a placé l’object dans un tableau. 

var tabs = $('li.tab_item');

Maintenant que j’aurais les objects dans un tableau, je voudrais renvoyer la valeur de l’atsortingbut personnalisé pour tous les membres du tableau.

Comment cela peut-il être fait? 

 var tab_atsortingbs = $('li.tab_item').map(function () { return $(this).attr("custom_atsortingbute"); });

Cela vous donnera un tableau des valeurs d’atsortingbuts personnalisés. Bien sûr, vous pouvez le faire de manière plus traditionnelle: 

 var tab_atsortingbs = []; $('li.tab_item').each(function () { tab_atsortingbs.push( $(this).attr("custom_atsortingbute") ); });

Quoi qu’il en soit, vous devriez probablement utiliser les atsortingbuts data-* fournis par HTML5: 

 
  •

    et (voir data() jQuery data() ): 

     $('li.tab_item').data("foo"); // -> "some custom data"

    Utilisez .map() : 

      $("li.tab_item").map(function (){ return this.getAtsortingbute("myAtsortingbute"); });

    Cela vous donne un tableau de valeurs enveloppées dans un object jQuery. Si vous voulez obtenir le tableau, appelez .get() , c’est-à-dire .map(...).get() .

    Au fait, vous pouvez aussi sélectionner les éléments par atsortingbut au lieu de classe: 

     $("[myAtsortingbute]")

    Cela renverra tous les éléments de la page ayant un atsortingbut myAtsortingbute .

    Solution simple (ES6) 

     Array.from(document.getElementsByClassName('tab_item')).map(item => item.getAtsortingbute('foo'));

    Démo en ligne (jsFiddle)