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來(lái)遍歷
$("li[sortid^='nav_']").each(function(i){
var sortid=$(this).attr("sortid");
});
//以name來(lái)遍歷
$("[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-08
jQuery使用empty()方法刪除元素及其所有子元素的方法
這篇文章主要介紹了jQuery使用empty()方法刪除元素及其所有子元素的方法,涉及jQuery操作元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
Jquery對(duì)象和Dom對(duì)象的區(qū)別分析
最近有小伙伴咨詢Jquery對(duì)象和Dom對(duì)象的區(qū)別,今天我們談?wù)剛€(gè)人對(duì)于Jquery對(duì)象和Dom對(duì)象的區(qū)別的理解,如有遺漏或者錯(cuò)誤還請(qǐng)指出。2014-11-11
jQuery 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彈出消息。這里所說(shuō)的彈出消息指的是在網(wǎng)頁(yè)右下角升起又下去的那種框框,在這里用到了jQuery的自定義動(dòng)畫2014-01-01

