<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");
　　　　　　　　　　var v3 = $(obj).attr('id');

                alert(v1); //"oracle1"

                alert(v2); //"this is name feild"
　　　　　　　　　alert(v3); //'123'

            }

            /** 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" id='123' 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>

原文地址：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. 关于base64编码Encode和Decode编码的几种方式

    关于base64编码Encode和Decode编码的几种方式 Base64是一种能将任意Binary资料用64种字元组合成字串的方法,而这个Binary资料和字串资料彼此之间是可以互相转换的,十分方便 ...

  2. python开发总结

    1.思维缜密的编程逻辑 2.满足明确的目的需求 3.运用现成的轮子加以改造 4.学会装饰自己的程序 5.化繁为简 6.多用配置文件作为入口 7.注意扩展兼容

  3. 日期对象|Date构造函数|

    var date = new Date(); console.log(date); //Date {Wed Dec 10 2014 15:59:24 GMT+0800} date.getDay() d ...

  4. area标签的使用，图片中某一个部分可以点击跳转，太阳系中点击某个行星查看具体信息

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  5. WinDbg常用命令系列---!htrace

    !htrace 简介 !htrace扩展显示一个或多个句柄的堆栈跟踪信息. 使用形式 用户模式!htrace [Handle [Max_Traces]] !htrace -enable [Max_Tr ...

  6. Windbg命令脚本

    命令脚本,就是将完成某个特定任务的相关命令组合在一起,保存在脚本文件里,加载到Windbg里执行,达到我们的目的.你可以理解为脚本就是一种语言,就像c或者汇编,但是他不需要编译器将其编译为可执行文件, ...

  7. JMX脚本在某些机器上报错，有的运行超时

    运行超时的 是因为在server端运行命令执行脚本,是server给agent下达的指定,但是server端到agent的10050端口没开,所以或一致堵死在那,知道执行超时, 解决:开通server ...

  8. Linux下搭建iSCSI共享存储的方法 Linux-IO Target 方式CentOS7-1810下实现

    iSCSI(internet SCSI)技术由IBM公司研究开发,是一个供硬件设备使用的.可以在IP协议的上层运行的SCSI指令集,这种指令集合可以实现在IP网络上运行SCSI协议,使其能够在诸如高速 ...

  9. 干货 | 列生成VRPTW子问题ESPPRC（ Elementary shortest path problem with resource constraints）介绍附C++代码

    00 前言 各位小伙伴大家好,相信大家已经看过前面column generation求解vehicle routing problems的过程详解.该问题中,子问题主要是找到一条reduced cos ...

  10. Glider（前缀和+二分）

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