Maison > Article > interface Web > JQUERY obtient la valeur de l'attribut via le nom de la balise actuelle

JQUERY obtient la valeur de l'attribut via le nom de la balise actuelle

php中世界最好的语言original: 2018-04-18 10:45:382505parcourir

Cette fois, je vais vous apporter JQUERY pour obtenir la valeur de l'attribut via le nom de la balise actuelle. Quelles sont les précautions pour que JQUERY obtienne le. valeur d'attribut via le nom de la balise actuelle, ce qui suit est un cas pratique, jetons un coup d'œil.

Plus de bêtises, le code spécifique est le suivant :

<html>
 <head>
  <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
  <script type="text/javascript">
   /** JQUERY 通过当前标签属性名，获取属性的值 */
   function attrsByJquery(obj){
    var v1 = $(obj).attr("dbname");
    var v2 = $(obj).attr("name");
    alert(v1);
    alert(v2);
   }
   
   /** JAVASCRIPT 通过当前标签属性名，获取属性的值 */
   function attrsByJs(obj){
    var v1 = obj.getAttribute('name');
    var v2 = obj.getAttribute('dbname');
    alert(v1);
    alert(v2);
   }
   
   function attrsButtons(obj){
    var v = obj.getAttribute('name');
    var vv = $(obj).attr("myname");
    alert(v);
    alert(vv);
   }
   
  </script>
 </head>
 <body>
  <p>
   <p style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" dbname="oracle1" onclick="attrsByJs(this)">JavaScript</p>
   <p style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" dbname="oracle2" onclick="attrsByJquery(this)">Juqery</p>
   <input type="button" name="abcdeg" myname="this is my name" onclick="attrsButtons(this)" value="buttons">
  </p>
 </body>
</html>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez. faites attention aux autres sites Web chinois php Articles connexes !

Lecture recommandée :

Implémentation de l'effet de porte coulissante js

Vue Router+Vuex implémente la sauvegarde de l'état arrière

BootStrap implémente l'affichage de la progression lors du téléchargement de fichiers

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Réalisation de l'effet de porte coulissante jsArticle suivant：Réalisation de l'effet de porte coulissante js

Articles Liés

Voir plus