Sommaire

La méthode .data()

Avec cette méthode, on peut stocker un objet contenant les informations que l’on souhaite en l’associant aux éléments retournés par le sélecteur sur lequel elle est appliquée.

Le principe est assez simple : le stockage est effectué sous la forme d’une paire nom/valeur par un appel à la méthode .data() avec deux paramètres. Le premier est une chaîne de caractères nommant l’espace où l’on veut stocker la donnée et le second est la donnée elle-même. On peut stocker plusieurs données de types différents dans un même élément HTML.

Utilisée sans paramètre, la méthode renvoie l’ensemble des données stockées dans l’élément concerné sous la forme d’un objet dont les propriétés sont constituées par les noms des données, et leurs valeurs par les données elles-mêmes.

Par exemple, on tape le code suivant dans la console :

$(’article:eq(1)’).data("test", "Chaine de caractères test"); 
$(’article:eq(1)’).data("essai",{nom: "objet test", prop: "propriété"}); 
$(’article:eq(1)’).data("tableau", ["tableau", "test", 23, [0, 12, 1]]);

Toutes ces données sont stockées dans la page et associées à l’élément ...