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

一个新手

Lepaskan： 2017-09-30 09:35:59

asal

1930 orang telah melayarinya

<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(&#39;name&#39;);                
            var v2 = obj.getAttribute(&#39;dbname&#39;);
                alert(v1);
                alert(v2);
            }            
            function attrsButtons(obj){                
            var v = obj.getAttribute(&#39;name&#39;);                
            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>

Salin selepas log masuk

Atas ialah kandungan terperinci js和jquery通过this获取html标签中的属性值 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!