Accès à l'attribut data-id avec jQuery

Lorsque vous travaillez avec le plugin jQuery Quicksand, il est souvent nécessaire de récupérer l'attribut 'data-id' des éléments cliqués pour transmettre des informations à divers services Web. Voici comment obtenir efficacement cette valeur d'attribut :

L'attribut 'data-id' est accessible à l'aide de la méthode .attr() dans jQuery. La syntaxe est la suivante :

$(this).attr("data-id")

Cette expression renvoie la valeur de l'attribut 'data-id' sous forme de chaîne.

Par exemple, si l'élément cliqué a le code HTML suivant :

Le jQuery suivant le code récupérera l'attribut 'data-id' :

$("#list li").on('click', function() {
  // Get the data-id value
  var dataId = $(this).attr("data-id");
  // Use the dataId value as needed
});

Vous pouvez également utiliser la méthode .data() pour les versions 1.4.3 et supérieures de jQuery. La méthode .data() renvoie la valeur 'data-id' sous la forme d'un type JavaScript natif (par exemple, nombre, booléen) plutôt que d'une chaîne.

$(this).data("id")

N'oubliez pas que lorsque vous utilisez la méthode .data(), la partie après 'data-' doit être en minuscules. Par exemple, « data-idNum » échouera, tandis que « data-idnum » réussira.