Discussion :

[SpaceFrog]

Sur firefox lorsque j'affecte un data dynamiquement sur les balises comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#elt').data('foo','bar')

ils n'apparaissent pas en console dans l'inspecteur

je les vois uniquement si je l'affecte comme attribut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#elt').attr('data-foo','bar')

n'existe-t-il pas un moyen de les voir en console directement ?


https://jsfiddle.net/h4w475qb/1
=>
dans l'onglet inspecteur de la console:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div id="elt1">
elt 1
</div>
<div id="elt2" data-foo="bar2">
elt 2
</div>

[NoSmoking]

Bonjour,
data() est similaire à prop(), en plus pointu, dans son fonctionnement, il enrichi l'objet JavaScript, en interne, alors que attr() s'occupe de l'objetDOM donc il le met à jour.
Essaie de mettre

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id = "elt1" data-foo = "initial">
  elt 1
</div>

tu verras que l'attribut data-foo n'est pas modifié un peu comme cela se passe pour l'attribut value des <input> avec val().