jquery遍歷標(biāo)簽中自定義的屬性方法
在開發(fā)中我們有時(shí)會(huì)對(duì)html標(biāo)簽添加屬性,如何遍歷處理?
<ul> <li name="li1" sortid="nav_1">aaaaaaa</li> <li name="li1" sortid="nav_2">bbbbbbb</li> <li name="li1" sortid="nav_3">cccccccc</li> <li name="li1" sortid="nav_4">ddddddd</li> <li name="li1" sortid="nav_5">eeeeeee</li> <li name="li1" sortid="nav_6">fffffffffffffffff</li> <li name="li1" sortid="nav_7">gggggggg</li> <li name="li1" sortid="nav_8">hhhhhhhh</li> <li name="li1" sortid="nav_9">iiiiiiiiiiiiiiiiiii</li> </ul> //以sortid來遍歷 $("li[sortid^='nav_']").each(function(i){ var sortid=$(this).attr("sortid"); }); //以name來遍歷 $("[name=li1]").each(function(a,b){ var sortid= $(b).attr("sortid"); }); //如果已知某個(gè)sortid要取對(duì)象 $("[sortid='nav_1']").attr("html"); $("[sortid='nav_1']").attr("name");
其他:
//查找名字是clssId的文本對(duì)象 $("input[name='clssId']").val(); //查找id有一定規(guī)律的,例如查找dd標(biāo)簽中id=single_xxx $("dd[id^=single_]").each(function(){ var id = $(this).attr("id"); alert(id.substring(7)); });
以上這篇jquery遍歷標(biāo)簽中自定義的屬性方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- jquery獲取自定義屬性(attr和prop)實(shí)例介紹
- jQuery中使用data()方法讀取HTML5自定義屬性data-*實(shí)例
- jquery 獲取自定義屬性(attr和prop)的實(shí)現(xiàn)代碼
- 使用jQuery獲取data-的自定義屬性
- jquery自定義屬性(類型/屬性值)
- jQuery Easyui Tabs擴(kuò)展根據(jù)自定義屬性打開頁(yè)簽
- jquery操作HTML5 的data-*的用法實(shí)例分享
- html5的自定義data-*屬性和jquery的data()方法的使用示例
- jQuery實(shí)現(xiàn)的一個(gè)自定義Placeholder屬性插件
- 用jquery獲取自定義的標(biāo)簽屬性的值簡(jiǎn)單實(shí)例
- jQuery判斷自定義屬性data-val用法示例
相關(guān)文章
jquery實(shí)現(xiàn)的仿天貓側(cè)導(dǎo)航tab切換效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的仿天貓側(cè)導(dǎo)航tab切換效果,涉及jquery鼠標(biāo)事件及鏈?zhǔn)讲僮鲗?shí)現(xiàn)頁(yè)面元素樣式遍歷切換效果的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jQuery使用empty()方法刪除元素及其所有子元素的方法
這篇文章主要介紹了jQuery使用empty()方法刪除元素及其所有子元素的方法,涉及jQuery操作元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03Jquery對(duì)象和Dom對(duì)象的區(qū)別分析
最近有小伙伴咨詢Jquery對(duì)象和Dom對(duì)象的區(qū)別,今天我們談?wù)剛€(gè)人對(duì)于Jquery對(duì)象和Dom對(duì)象的區(qū)別的理解,如有遺漏或者錯(cuò)誤還請(qǐng)指出。2014-11-11jQuery scroll事件實(shí)現(xiàn)監(jiān)控滾動(dòng)條分頁(yè)示例
這篇文章主要介紹了jQuery scroll事件實(shí)現(xiàn)監(jiān)控滾動(dòng)條分頁(yè)簡(jiǎn)單示例,使用ajax加載,同時(shí)介紹了(document).height()與$(window).height()的區(qū)別,需要的朋友可以參考下2014-04-04利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息
本篇文章主要介紹了利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息。這里所說的彈出消息指的是在網(wǎng)頁(yè)右下角升起又下去的那種框框,在這里用到了jQuery的自定義動(dòng)畫2014-01-01