7
votes

Comment obtenir un attribut personnalisé avec jQuery

Nous avons un attribut personnalisé sur les cases dans ce cas appelé Data-Ref.

Comment obtenir la valeur. Cela n'a pas fonctionné. P>

this.attr('data-ref');


2 commentaires

Eh bien, si cela s'appelle "date-ref", vous ne voulez probablement pas choisir "Data-ref", alors j'espère que l'un de ceux-ci est une faute de frappe dans votre question!


Eh bien, votre question indique que l'attribut s'appelle «date-ref» (avec un e) et votre jQuery recherche «Data-ref» (avec a). Je ne veux pas être smarmint, mais c'est que le problème?


5 Réponses :


2
votes

$ ("sélecteur"). attr ("Data-ref");

devrait certainement fonctionner.

Vous pouvez peut-être publier votre code HTML.


0 commentaires

19
votes

Vous savez que vous avez une divergence entre votre attribut personnalisé «Date-ref 'dans votre texte et« Data-ref' dans votre jQuery?

En outre, vous pourriez trouver plus facile de travailler avec la jQuery Objet: p> xxx pré>

JS Fiddle Demo .

Le problème semble être que vous n'utilisiez pas d'objet JQuery: p> xxx pré>

ne peut pas fonctionner p>

d'autre part, pour récupérer DATA - * code> Attributs à l'aide de la DOM, vous avez les options de: p> xxx pré>

ou: p> xxx pré>

ou: p>

this.dataset['ref'];


0 commentaires

1
votes

Peut-être que vous devez utiliser: xxx

mais ce n'est pas très beau! Utilisez jquery.data () pour stocker des données sur des nœuds DOM.

to stocker : xxx

pour obtenir: xxx


1 commentaires

Avec l'API ".Data ()", les attributs HTML5 "DATA-FOO" doivent être référencés comme "FOO".



1
votes

L'ATTR précédemment indiqué () est comment obtenir les attributs personnalisés. Cependant, notez également que si vous utilisez les attributs de données * * de HTML5, vous pouvez également utiliser JQuery's .Data () à ACESS que les données:

http://api.jquerery.com/data/


0 commentaires

0
votes

Votre problème de mise en œuvre peut être avec votre utilisation. Peut-être que cela devrait être $ (ceci) ou vous ne pouvez pas être contraignant correctement. Je ne trouve aucun problème avec elle .. Voir http://jsfiddle.net/nvkvy/2/ xxx


0 commentaires