jquery obtenir les attributs

Je suis à la recherche d'un moyen de saisir les attributs personnalisés d'un élément avec jquery.

<span id='element' data-type='foo' data-sort='bar'></span>

Je suis à la recherche pour obtenir: ["data-type", "data-sort"] comme un tableau.

Quelqu'un sait comment faire cela?

Grâce.

OriginalL'auteur Mark | 2010-06-06

  1. 20

    Vous pouvez utiliser le .les attributs propriété DOM et en boucle, comme ceci:

    var arr = document.getElementById('element').attributes, attributes = [];
//or if you're inside a jQuery loop, just use this.attributes
//e.g.: var arr = $("span").get(0).attributes, attributes = [];
for(var i = 0; i < arr.length; i++) {
  if(arr[i].name.indexOf("data-") == 0) //only ones starting with data-
    attributes.push(arr[i].name);
}
alert(attributes); ​//use it for something, result is ["data-type", "data-sort"]

    Vous pouvez voir un démo ici, en dehors de l'accaparement de l'élément, ce n'est pas jQuery précis, de sorte que vous pouvez facilement les supprimer complètement si nécessaire.

    OriginalL'auteur Nick Craver

  2. 3

    Juste pour la référence, pour les personnes utilisant jQuery, les attributs qui commence par "données" peut être consulté par le data() fonction:

    <span id='element' data-type='foo' data-sort='bar'></span>

var el = $('#element');
return [el.data('type'), el.data('sort')];

    Certains navigateurs commencent à stocker ces informations dans les plus avancés des moyens (locaux de stockage de données?) et d'autres ne le sont pas, mais il semble fonctionner assez bien. Notez que les validateurs du W3C n'aime pas expando attributs comme ça, mais je pense qu'il y a certaines propositions visant à normaliser afin de le faire valider. La dernière fois que j'ai fait des recherches sur la meilleure façon de stocker les données à un élément, à l'aide de data-key comme cela a été l'un des gagnants parmi les professionnels.

    Une autre façon, j'ai couru à travers de lier des données à un élément consiste à insérer une balise de script, immédiatement avant ou après l'élément, en lui donnant un autre type que text/javascript tels que:

    <script id="templatedata" type="text/html">
   <span>23</span>
   <span>Alfred</span> <!-- I'm sure you can get more creative than I'm being here -->
</script>

    Ce ne sera pas affiché dans le navigateur, et vous pouvez toujours obtenir le code HTML de là, via $('#templatedata').html();. Cela peut avoir ses problèmes, car techniquement il n'est pas correct, mais si HTML du W3C validation est important pour vous, il peut être une option viable.

    OriginalL'auteur ErikE

  3. 0

    simplement $('#element').attr('data-type'); et $('#element').attr('data-sort');

    désolé, répondu avant de lire l'ensemble de la question :-/ne pense pas qu'il y a une fonctionnalité intégrée pour les faire comme un tableau, d'obtenir le premier, le second et ensuite construire le tableau manuellement.

    OriginalL'auteur robertbasic

  4. 0

    Vous pouvez utiliser ce code, très simple à la recherche. Il suffit d'inclure jquery rien d'autre..
    Jquery Simple Filtre

    OriginalL'auteur matasoy