Inspecter les data en console

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

Code:

---

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

---

ils n'apparaissent pas en console dans l'inspecteur

je les vois uniquement si je l'affecte comme attribut

Code:

---

$('#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:

---

1 2 3 4 5 6

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

---

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:

---

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().