Récupération de données ne change pas

Bonjour,
Sur une page, je modifie le statut d'un utilisateur lorsqu'on clique sur l'élément ci-dessous.

Code:

---

<span data-status="2" id="23" class="badge bg-success float-end" onclick="toggleAccountStatus(23)">Compte actif</span>

---

En Jquery, je modifie notamment l'attribut "data-status" par 4 quand il est à 2 et par 2 quand il est à 4.
Pour cela, je récupère le status comme ceci

Code:

---

var Status = $('#23').data('status');

---

Cela fonctionne une première fois mais lorsque je clique une seconde fois et que j'essaie à nouveau de récupérer le status de la même manière càd

Code:

---

var Status = $('#23').data('status');

---

il retourne toujours l'ancienne valeur alors que dans le code Html elle a été modifié.

Comment puis-je faire?

Merci

J'ai finalement trouvé une explication ici https://forum.jquery.com/topic/jquer...ata-attributes.
.data("Quelquechose") provient du cache et attr('Quelquechose') provient du DOM.

En espérant que cela puisse en aider d'autres.

Bonjour,
c'est effectivement souvent une prise de tête, lié à une confusion, la documentation officielle nous le rappelle quand même, par exemple :

Citation:

---

Envoyé par jQuery.data()

Using the data() method to update data does not affect attributes in the DOM. To set a data-* attribute value, use attr.

---

C'est effectivement toujours bon de le rappeler :

• jQuery.data()