首页 > 编程 > JavaScript > 正文

JS和jQuery通过this获取html标签中的属性值(实例代码)

2019-11-19 15:29:19
字体:
来源:转载
供稿:网友

废话不多说了,具体代码如下所示:

<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>  <div>   <div style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" dbname="oracle1" onclick="attrsByJs(this)">JavaScript</div>   <div style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" dbname="oracle2" onclick="attrsByJquery(this)">Juqery</div>   <input type="button" name="abcdeg" myname="this is my name" onclick="attrsButtons(this)" value="buttons">  </div> </body></html>

总结

以上所述是小编给大家介绍的JS和jQuery通过this获取html标签中的属性值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表