廢話不多說了,具體代碼如下所示:
<html> <head> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script type="text/javascript"> /** JQUERY 通過當(dāng)前標(biāo)簽屬性名,獲取屬性的值 */ function attrsByJquery(obj){ var v1 = $(obj).attr("dbname"); var v2 = $(obj).attr("name"); alert(v1); alert(v2); } /** JAVASCRIPT 通過當(dāng)前標(biāo)簽屬性名,獲取屬性的值 */ 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>
總結(jié)
以上所述是小編給大家介紹的JS和jQuery通過this獲取html標(biāo)簽中的屬性值,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com