Jquery : meta data
En jqueryn on peut accéder au data de deux façons différentes. Mais l’une des deux est plus risquer que l’autre.
Prenons un exemple des plus simples, j’ai une forme avec un input et je veux le modifier en AJAX. Il me faut donc récupérer son ID pour la modification. J’ai donc crée une data-id stoker son ID.
Table of Contents
Exemple
<form id= »maForm » data-id= » » action= »# » post= »# »>
<label>Test</label>
<input type= »text » />
</form>
Méthode 1 : .data
On passe par la méthode data de jquery qui va stoker, on ne sait pas où le data id. Si vous modifiez le data id et que vous l’explorez il arrive qu’il ne s’affiche pas dans le dom mais et stocker en mémoire. Je déconseille cette méthode..
Get : Méthode de récupération
$(‘#maForm’).data(‘id’);
Set : Méthode de modification
$(‘#maForm’).data(‘id’, 30);
Méthode 2 : .attr
En passant par la méthode « .attr », on va modifier le DOM de la page et non le stocker en mémoire. C’est une méthode plus sûre que je vous conseille.
Get : Méthode de récupération
$(‘#maForm’).attr(‘data-id’);
Set : Méthode de modification
$(‘#maForm’).attr(‘data-id’, « »);
