$(this).data('id') Undefined

4 min read Jun 03, 2024

Pourquoi "$(this).data('id')" retourne-t-il "undefined" ?

Lorsque vous utilisez jQuery pour récupérer une valeur de données personnalisée associée à un élément, vous pouvez rencontrer l'erreur "$(this).data('id')" retourne "undefined". Cette erreur signifie que l'attribut de données "id" n'est pas défini sur l'élément auquel vous faites référence.

Causes courantes

Voici quelques raisons courantes pour lesquelles vous pourriez rencontrer cette erreur :

L'attribut de données "id" n'est pas présent sur l'élément. Assurez-vous que l'élément auquel vous faites référence a un attribut de données nommé "id" défini. Par exemple :

...

L'attribut de données est mal orthographié. Vérifiez l'orthographe de l'attribut de données. Assurez-vous qu'il est correctement écrit comme "data-id".
Le contexte de "this" est incorrect. Vérifiez que "this" fait référence au bon élément dans votre code. Si vous utilisez une fonction de rappel, assurez-vous que "this" est bien lié au bon élément.
L'attribut de données est défini avec une valeur vide. Si l'attribut de données est défini avec une valeur vide, comme data-id="", alors $(this).data('id') retournera "undefined".

Résolution du problème

Pour résoudre ce problème, vous devez identifier la cause spécifique de l'erreur et la corriger.

Vérifiez l'attribut de données: Assurez-vous que l'attribut de données "id" est présent et défini avec la valeur correcte.
Corrigez l'orthographe: Si l'attribut de données est mal orthographié, corrigez-le.
Vérifiez le contexte de "this": Assurez-vous que "this" fait référence au bon élément dans votre code.
Vérifiez la valeur de l'attribut de données: Si l'attribut de données est défini avec une valeur vide, changez la valeur à une valeur non vide.

Exemple

$(document).ready(function() {
  // Obtenez la valeur de l'attribut de données "id" de l'élément
  var id = $('#myElement').data('id'); 

  // Affiche la valeur de l'attribut de données dans la console
  console.log(id); // affiche "123" si l'attribut de données "id" est défini sur "123"
});

Conclusion

L'erreur "$(this).data('id')" retourne "undefined" est un problème courant qui peut être facilement résolu en vérifiant et en corrigeant les causes possibles. Assurez-vous que l'attribut de données est correctement défini et que "this" fait référence au bon élément dans votre code.