快捷導航

jquery遍歷標簽中自定義的屬性方法

更新時間：2016年09月17日 09:41:14 投稿：jingxian

下面小編就為大家?guī)硪黄猨query遍歷標簽中自定義的屬性方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

在開發(fā)中我們有時會對html標簽添加屬性，如何遍歷處理？

<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");
});

//如果已知某個sortid要取對象

$("[sortid='nav_1']").attr("html");
$("[sortid='nav_1']").attr("name");

其他：

//查找名字是clssId的文本對象

$("input[name='clssId']").val();


//查找id有一定規(guī)律的,例如查找dd標簽中id=single_xxx

$("dd[id^=single_]").each(function(){
      var id = $(this).attr("id");
      alert(id.substring(7));
});

以上這篇jquery遍歷標簽中自定義的屬性方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jquery制做精致的倒計時特效
這篇文章主要為大家詳細介紹了jquery制做精致的倒計時特效的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-06-06
jQuery內(nèi)容選擇器與表單選擇器實例分析
這篇文章主要介紹了jQuery內(nèi)容選擇器與表單選擇器,結(jié)合實例形式分析了jQuery內(nèi)容選擇器與表單選擇器的功能、用法及相關(guān)操作注意事項,需要的朋友可以參考下
2019-06-06
jquery對象和javascript對象即DOM對象相互轉(zhuǎn)換
對于已經(jīng)是一個 DOM 對象，只需要用 $() 把DOM對象包裝起來，就可以獲得一個 jQuery 對象了，使用[index]和.get(index)可以轉(zhuǎn)為DOM對象
2014-08-08
jquery對復選框(checkbox)的操作匯總
本文給大家匯總介紹了一些jQuery操作復選框（checkbox）的方法和技巧，非常的簡單實用，有需要的小伙伴可以參考下。
2016-01-01
jQuery文字輪播特效
本文給大家分享的是jQuery制作文字輪播的特效，非常的實用，屬于作者原創(chuàng)代碼，分享給大家
2017-02-02
jQuery實現(xiàn)frame之間互通的方法
這篇文章主要介紹了jQuery實現(xiàn)frame之間互通的方法,結(jié)合實例形式分析了jQuery實現(xiàn)frame父子框架之間的調(diào)用操作實現(xiàn)方法,需要的朋友可以參考下
2017-06-06
jQuery cookie的公共方法封裝和使用示例
這篇文章主要介紹了jQuery cookie的公共方法封裝和使用,結(jié)合實例形式詳細分析了jQuery cookie的設(shè)置、獲取、刪除等方法封裝與使用相關(guān)操作技巧,需要的朋友可以參考下
2020-06-06
jQuery實現(xiàn)帶玻璃流光質(zhì)感的手風琴特效
這篇文章主要介紹了jQuery實現(xiàn)帶玻璃流光質(zhì)感的手風琴特效，是一款基于jQuery+CSS3實現(xiàn)手風琴特效，希望你可以喜歡。
2015-11-11
jquery中文亂碼的多種解決方法
jquery中文亂碼的多種解決方法，需要的朋友可以參考一下
2013-06-06
jquery表單插件form使用方法詳解
這篇文章主要為大家詳細介紹了jquery插表單件form使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01