Comment récupérer l’attribut data-id d’un élément en jQuery
Vous pouvez utiliser la méthode data() de jQuery (version jQuery> = 1.4.3) pour obtenir l’attribut data d’un élément utiliser la syntaxe suivante: $(element).data(key)
.
Pour obtenir l’id à l’aide de la méthode data(), vous pouvez utiliser l’instruction telle que $(this).data("id")
. La clé est le reste de la partie après la suppression de data-.
Code HTML:
<a href="#" data-id="waytolearnx">This is a link</a>
Code jQuery :
(function() { var id = $("a").data("id"); console.log(id); })()
Sortie :
waytolearnxQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
- Déclencher/arrêter une animation CSS via JQuery
- Remonter en haut de page avec jQuery
- Envoyer un formulaire en Ajax avec JQuery
- Récupérer les données d’un formulaire avec JQuery
- Comment récupérer les paramètres d’URL en JQuery
- Liste de toutes les fonctions JQuery
- Afficher ou masquer une div en JQuery
- Soumettre un formulaire sans recharger la page en utilisant Ajax, jQuery et PHP
- Liaison entre deux liste déroulante pays et ville en jQuery, Ajax et PHP
- Récupérer les données d’une base de données sans actualiser le navigateur
- Comment ajouter <li> dans une liste <ul> existante en jQuery
- Comment récupérer l’attribut data-id d’un élément en jQuery
- Comment détecter un appareil mobile via jQuery
- Comment définir la propriété CSS background-image en jQuery
- Comment récupérer la valeur d’un input texte en jQuery
- Comment modifier le style CSS avec jQuery
- Comment changer la valeur d’un input avec jQuery
- Comment changer le texte d’un bouton avec jQuery
- Comment parcourir des éléments avec la même classe en jQuery
- Comment détecter un clic en dehors d’un élément avec jQuery
- Récupérer en temps réel le contenu d’un input text en jQuery
- Comment vérifier si un champ est vide avec jQuery
- Comment réinitialiser un formulaire avec jQuery
- Comment récupérer la valeur d’un textarea avec jQuery
- Comment détecter la touche Entrée sur un champ de saisie en jQuery
- Comment détecter une frappe sur la touche Entrée en JQuery
- Vérifier qu’une valeur est numérique en jQuery
- Comment récupérer le nombre d’éléments dans une DIV avec jQuery
- Comment rafraîchir une page avec jQuery
- Comment changer la valeur href d’un lien avec jQuery
- Comment ajouter ou supprimer des lignes dans un Tableau en jQuery
- Mise à jour automatique du contenu div lors de la saisie dans un textarea avec jQuery
- Comment insérer du contenu HTML dans un iFrame avec jQuery
- Comment faire une redirection automatique en jQuery/JavaScript
- Comment vérifier si un élément HTML est caché en jQuery
- Comment récupérer le nom d’un fichier sélectionné avec input type file en jQuery
- Comment déplacer un élément avec les flèches du clavier en jQuery
- Comment cocher/décocher le bouton checkbox avec jQuery
- Comment cocher/décocher le bouton radio avec jQuery
- Comment désactiver tous les inputs dans un formulaire avec jQuery
- Comment Activer/Désactiver le boutton submit d’un formulaire avec jQuery
- JQuery Toggle Slide – De gauche à droite
- Exemple jQuery: slideUp() et slideDown()
- Comment afficher la suite du texte s’il dépasse une certaine longueur avec jQuery
- Comment trouver la position de la souris par rapport au document avec jQuery
- Comment trouver la position de la souris par rapport à un élément en jQuery
- Comment vérifier si un élément HTML est visible en jQuery
- Comment récupérer le contenu texte d’un élément HTML avec jQuery
- Comment supprimer une balise sans supprimer son contenu avec jQuery
- Comment récupérer l’url de la page courante avec jQuery
- Comment récupérer la valeur d’un select avec jQuery
- Comment lier un évènement click à un élément HTML créé de façon dynamique – jQuery
- Comment récupérer la valeur d’un CheckBox avec jQuery
- Comment récupérer la valeur d’un bouton radio avec jQuery
- Comment vérifier si une checkbox est cochée avec jQuery
- Comment désactiver un lien href en JQuery
- Comment supprimer un élément du DOM avec jQuery
- Comment ajouter des éléments dans le DOM avec jQuery
- Comment supprimer un attribut d’un élément HTML avec jQuery
- Comment ajouter des attributs à un élément HTML en jQuery
- Comment ajouter des propriétés CSS à un élément de façon dynamique – jQuery
- Comment appeler une fonction après avoir attendu un certain temps – JQuery
- Comment définir une fonction en jQuery ?
- Afficher et masquer un bloc div en fonction d’une liste déroulante – JQuery
- Afficher et masquer un bloc div en fonction de bouton checkboxe – JQuery
- Afficher et masquer un bloc div en fonction de bouton radio – JQuery
- Parcourir un tableau avec jQuery.each()
- Compter le nombre de mots d’une chaîne de caractères avec JQuery
- Comment compter le nombre de caractères dans une chaîne avec JQuery
- Comment supprimer les espaces d’une chaîne de caractères avec jQuery
- Comment récupérer le texte d’un élément HTML – JQuery
- Comment extraire une sous-chaîne à partir d’une chaîne de caractères – jQuery
- Comment trouver une sous-chaîne entre deux mots avec jQuery
QCMs qui pourraient vous intéresser :
- Questions techniques sur MYSQL
- QCM MySQL Corrigé – Optimisation de requêtes
- QCM Base de données avec correction
- QCM sur PHP
- QCM Symfony
- QCM AngularJS
- QCM React
- QCM HTML / CSS
- QCM Java – Programmation Orientée Objet
- QCM Python
- QCM Cloud Computing
- QCM Framework Spring
- QCM Javascript
- QCM jQuery
- QCM Oracle
- QCM sur GIT – Gestionnaire de version
- QCM Linux – Gestion de processus
- QCM Réseau
- QCM Architecture des ordinateurs
- QCM Securité informatique
- QCM En Informatique Générale
- QCM en C
- QCM en C#
- QCM sur l'algorithmique
- QCM Word
- QCM Excel
- QCM PowerPoint
- QCM Access