Javascript Girl
  1. Javascript Girl
  3. Changer les valeurs d'attribut personnalisées
Intereting Posts
Quelle raison est-il pour utiliser null au lieu de non défini dans JavaScript? Protégez la théorie des téléchargements Javascript – Obtenez la position de l'élément du tableau Code source joliment formaté Puis-je masquer la boîte de saisie de l'entrée de numéro HTML5? FF et Opera n'ouvrent pas de fichiers encodés avec "URL Blob" Comment désactiver la fenêtre parent lorsque la fenêtre enfant apparaît en cliquant sur le bouton sur la fenêtre parentale Écrivez une fonction qui divise un tableau (premier argument) en groupes la longueur de la taille (deuxième argument) et les renvoie comme un tableau multidimensionnel Comment accéder à un membre externe à partir d'un lit d'objet imbriqué? Comment déterminer si 2 dates d'objet sont égales entre elles? Javascript attire l'image dynamique de l'URL sur l'élément de la toile Télécharger sur php $ _FILE depuis l'extension chrome Comment afficher / masquer plusieurs éléments en même temps avec javascript Puis-je Transpiler pour ES6-ES5 sans npm, VS, Node, etc. et juste le code JS lui-même en quelque sorte? Recadrer et faire pivoter des images avec JS et PHP

Changer les valeurs d'attribut personnalisées

J'ai un certain code où j'ai ajouté des attributs personnalisés dont je veux modifier la valeur. 

<div myCustomElement="someValue"></div>

Voici ce que j'essaie: 

 $("#somebutton").click(function() { $('myCustomElement').val('SomeNewValue'); });

Mais rien n'est changé. Comment puis-je que cela fonctionne?

Tout d'abord, inventer vos propres attributs signifie que votre HTML est invalide et peut entraîner des problèmes dans votre page. Deuxièmement, val() est utilisé pour modifier directement la propriété de value de l'élément, donc pourquoi il n'a aucun effet dans votre exemple.

Pour atteindre ce dont vous avez besoin, utilisez data-* attributs data-* , car ils sont destinés à cet effet: 

 <div data-custom="someValue"></div> 
 $("#somebutton").click(function() { // getter: var foo = $('div').data('custom'); // = 'someValue' // setter: $('div').data('custom', 'someOtherValue'); });

Notez que les data() maintiennent un objet en mémoire, de sorte que les modifications que vous introduisez ne seront pas visibles dans le DOM.

Pour plus d'informations: http://api.jquery.com/data

Votre élément n'est pas personnalisé, c'est toujours une division.

Vous pouvez ainsi créer un élément personnalisé. 

 <myCustomElement></myCustomElement>

Ensuite, sélectionnez comme 

 $('myCustomElement')...

Une alternative est d'utiliser les attributs de données. 

 <div data-myCustomData="test"></div>

Ensuite, sélectionnez comme si 

 var data = $('div').data('myCustomData')//data = 'test'