Comment récupérer une valeur d'attribut « data-id » à l'aide de jQuery ?

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 :

<li data-id="id-40">...</li>

Le code jQuery suivant 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
});

Alternativement, vous pouvez utiliser la méthode .data() pour les versions jQuery 1.4.3 et supérieures. 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 sous forme de chaîne.

$(this).data("id")

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!