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

程序员文章站 2022-04-18 16:20:52

...

<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>

以上就是js和jquery通过this获取html标签中的属性值的详细内容，更多请关注其它相关文章！

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

jQuery 中的ajax在没有获取php返回的值时，原来html的标签的值会是空白，怎么解决？

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

jquery和js获取自定义属性的值

JS从“深度优先”和“广度优先”遍历获取数据中某一属性值的集合

js 通过html()及text()方法获取并设置p标签的显示值_javascript技巧

js 通过html()及text()方法获取并设置p标签的显示值_javascript技巧

jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值_jquery

JQUERY通过当前标签名获取属性的值

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

js中如何复制一个对象并获取其所有属性和属性对应的值_javascript技巧