Javascript Girl
  1. Javascript Girl
  3. JQuery.data et modifications dynamiques des attributs personnalisés HTML5
Intereting Posts
Réagir img tag issue avec url et classe Fournir une promesse en tant qu'exemployé d'un module valide pour l'initialisation asynchrone dans Node.js? Réinitialiser un formulaire sauf un champ avec Javascript Fonction dans si condition clause Création d'un objet ToolElement pour chaque objet JointJS Trouver une expression régulière pour vérifier la lettre, le caractère chinois et la barre oblique (/) Si les gens recommandent, je ne devrais pas utiliser .innerHTML, alors qu'est-ce que je devrais plutôt utiliser? Console du navigateur et calculer plusieurs différences de temps d'exécution javascript Javascript: prototype de la fonction d'écrasement – mauvaise pratique? Sortie JJ Json avec slash "/" Est-il possible d'avoir une validation côté client SANS Javascript Javascript: quel est le but de RegExp.compile ()? Le moyen le plus efficace de peupler / distribuer indexedDB avec 350000 enregistrements Comment obtenir l'adresse IP en utilisant javascript ou jQuery? Fonction de comparaison de chaîne personnalisée Jquery avec pourcentage de sortie

JQuery.data et modifications dynamiques des attributs personnalisés HTML5

Le problème:

JQuery fait l'objet d'attributs personnalisés html5 Les données sont mises en cache.
Dans ma demande, j'ai un formulaire avec un champ qui a un attribut changeant de données personnalisées, et ce comportement spécifique est impératif pour le fonctionnement de la forme.

Ce que nous avons ici:

Il existe un champ de saisie avec un attribut personnalisé par défaut: 

<input type="text" name="xxx" data-test="4">

Obtenir l'attribut personnalisé

Pour $('input').data() le résultat serait { test="4" }

Modifier l'attribut personnalisé

$('input').attr('data-test','5')

Obtenez l'attribut personnalisé – encore une fois

Pour $('input').data() le résultat SERAITENT { test="4" }

Question

Comment puis-je toujours m'assurer d'obtenir tous les attributs personnalisés REAL, il peut y en avoir plus d'un élément, en utilisant la fonction $.data() ? J'ai essayé le $.removeData() avant chaque extraction, mais il nettoie complètement toutes les données de l'élément afin qu'il ne soit plus accessible.

Vous devez le faire: $('input').data( 'test' , 5 )

Si vous appelez .attr( 'test' , 5 ) vous configurerez un attribut, et vous l' .attr( 'test' , 5 ) comme ceci <input type='text' data-test='4' test='5' />

En tant que note, vous pouvez obtenir des attributs de données spécifiques comme ceci: var test = $('input').data('test');

modifier

Pour supprimer un attribut de données spécifique, vous pouvez le faire: jQuery.removeData( $( 'input' ) , "test" );