1. <html>
  2.     <head>
  3.         <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
  4.         <script type="text/javascript">
  5.             /** JQUERY 通过当前标签属性名，获取属性的值   */
  6.             function attrsByJquery(obj){
  7.                 var v1 = $(obj).attr("dbname");
  8.                 var v2 = $(obj).attr("name");
    　　　　　　　　　　var v3 = $(obj).attr('id');
  9.                 alert(v1); //"oracle1"
  10.                 alert(v2); //"this is name feild"
    　　　　　　　　　alert(v3); //'123'
  11.             }
  12.  
  13.             /** JAVASCRIPT 通过当前标签属性名，获取属性的值 */
  14.             function attrsByJs(obj){
  15.                 var v1 = obj.getAttribute('name');
  16.                 var v2 = obj.getAttribute('dbname');
  17.                 alert(v1);
  18.                 alert(v2);
  19.             }
  20.  
  21.             function attrsButtons(obj){
  22.                 var v = obj.getAttribute('name');
  23.                 var vv = $(obj).attr("myname");
  24.                 alert(v);
  25.                 alert(vv);
  26.             }
  27.  
  28.         </script>
  29.     </head>
  30.     <body>
  31.         <div>
  32.             <div style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" id='123' dbname="oracle1" onclick="attrsByJs(this)">JavaScript</div>
  33.             <div style="width: 100px;height: 30px;float:left; margin-left:30px;" name="this is name feild" dbname="oracle2" onclick="attrsByJquery(this)">Juqery</div>
  34.             <input type="button" name="abcdeg" myname="this is my name" onclick="attrsButtons(this)" value="buttons">
  35.         </div>
  36.     </body>
  37. </html>

原文地址：https://www.cnblogs.com/duck-ifox/p/5857545.html

js和jquery通过this获取html标签中的属性值[转藏]的更多相关文章

  1. js和jquery通过this获取html标签中的属性值

    <html> <head> <script type="text/javascript" src="jquery-1.10.2.min.js ...

  2. [Web 前端 ] Jquery attr()方法 获取或修改 对象的属性值

    cp from : https://blog.csdn.net/gf771115/article/details/18086707 jquery中用attr()方法来获取和设置元素属性,attr是at ...

  3. 在函数中处理html点击事件在标签中增加属性值来解决问题。

  4. Spring中获取外部配置文件中的属性值

    很多时候需要将配置信息从程序中剥离粗来,Spring现在提供的方法是通过@Value注解和<context:placeholder>来获取配置文件中的配置信息.这里给出一个简单的例子. 首 ...

  5. 获取xml字符串中的属性值

    pagexml = @"<?xml version='1.0' encoding='utf-8'?> <DATAPACKET Version='2.0'> <M ...

  6. 【Python】获取翻页之后的各页面中的属性值。

    如何获取翻页之后的页面中的html标签中的属性值? # coding=utf-8 from selenium import webdriver if __name__=="__main__& ...

  7. 用js或JQuery模拟点击a标签的操作

    一.用js模拟点击a标签的操作. jsp代码: <a id="login" href="${pageContext.request.contextPath}/log ...

  8. 网站开发进阶(十八)js获取html标签中的值

    js获取html标签中的值 项目开发过程中,由于需求所迫,需要获取html标签元素中的内容,下面做一简单总结.以下所讲的示例适用于其它标签元素. 主要包括2中方法获取元素内容: 方法一:.innerT ...

  9. jquery如何设置html众标签中的值

    $("img").attr("src",some_url);//jquery设置img标签中的src值 $("#user").val(&qu ...

随机推荐

  1. Django的Form另类实现SelectMultiple

    昨天花了一天才解决,遇到的问题如下: 在forms.py里有一个如下的字段: jira_issue = forms.CharField( required=False, label=u"Ji ...

  2. Zepto.js简介

    Zepto.js简介 一.总结 一句话总结: Zepto.js语法和jquery起码百分之90相似,主要做移动端框架,和jquery mobile是一个类型的概念 1.Zepto.js做移动端的特点? ...

  3. shortcuts for contructor 创建对象捷径

  4. 【CLAA系列】CLAA协议学习（CS方向）

    工作上用Lora,需要开发相关模块,分享一下学习的内容: Lora: 博主是做IT的,对Lora不了解.简单理解为LPWAN(Low Power Wide Area Network)中一种技术,目前主 ...

  5. java将图片输出base64位码显示

    注意需要过滤:\r \n数据 jkd1.7的 import sun.misc.BASE64Decoder;import sun.misc.BASE64Encoder; /** * 网络图片转换Base ...

  6. python 数据分析

    pandas 格式化数据的读取 numpy 提供数组处理,类似matlap matplotlib 数据可视化 https://www.cnblogs.com/5poi/p/7148000.html

  7. pkgconfig

    # tree hiredis/ hiredis/└── usr └── local ├── include │   └── hiredis │   ├── adapters │   │   ├── a ...

  8. isntall

    #! /bin/bash # zabbix server address zabbix='10.10.238.110' # repo address REPO='10.10.238.114:4507' ...

  9. Glider（前缀和+二分）

    题目链接:Glider Gym-101911B 解题分析:下落的高度一定,是h.在没有气流的地方每秒下落1:所以可以转化为经过无气流地带的时间总长为h. 那么很显然从一个有气流地带的开始,选择下落,那 ...

  10. (12)Go面向对象

    尽管Go中没有封装.继承.多态这些概念,但可以通过别的方式实现这个特性: *封装:通过方法实现 *继承:通过匿名字段实现 *多态:通过接口实现 package main import "fm ...