jQuery: obtient l’atsortingbut de données

Dans mon fichier HTML, j’ai un élément span :

 This is a 

Et je veux obtenir l’atsortingbut data-fullText . J’ai essayé ces deux manières, mais elles n’ont pas fonctionné (les deux renvoient undefined ):

 $('.field').hover(function () { console.log('using prop(): ' + $(this).prop('data-fullText')); console.log('using data(): ' + $(this).data('fullText')); }); 

Puis j’ai cherché et trouvé ces questions: Comment obtenir l’atsortingbut data-id? et jquery ne peut pas obtenir de valeur d’atsortingbut de données .
Les deux réponses sont "Use .attr('data-sth') or .data('sth')" .
Je sais que .attr() est obsolète (dans jquery-1.11.0, que j’utilise), mais je l’ai cependant essayé.
Et ça a marché!

Quelqu’un peut-il expliquer pourquoi?

Vous pouvez utiliser la fonction .attr() :

 $(this).attr('data-fullText') 

ou si vous en minuscule le nom de l’atsortingbut:

 data-fulltext="This is a span element" 

alors vous pouvez utiliser la fonction .data() :

 $(this).data('fulltext') 

La fonction .data() attend et ne fonctionne qu’avec des noms d’atsortingbut minuscules.

1. Essayez ceci: .attr ()

  $('.field').hover(function () { var value=$(this).attr('data-fullText'); $(this).html(value); }); 

DEMO 1: http://jsfiddle.net/hsakapandit/Jn4V3/

2. Essayez ceci: .data ()

 $('.field').hover(function () { var value=$(this).data('fulltext'); $(this).html(value); }); 

DEMO 2: http://jsfiddle.net/hsakapandit/Jn4V3/1/

Cela fonctionne pour moi

 $('.someclass').click(function() { $varName = $(this).data('fulltext'); console.log($varName); }); 

Changez les identifiants et les atsortingbuts de données comme vous le souhaitez!

   $("#selectVehicle").change(function () { alert($(this).find(':selected').data("year")); }); 

Voici l’exemple de travail: https://jsfiddle.net/ed5axgvk/1/

C’est ce que j’ai imaginé:

  $(document).ready(function(){ $(".fc-event").each(function(){ console.log(this.atsortingbutes['data'].nodeValue) }); }); 
  

Booking

30 Mins
45 Mins