jquery遍历标签中自定义的属性方法


Posted in Javascript onSeptember 17, 2016

在开发中我们有时会对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有一定规律的,例如查找dd标签中id=single_xxx

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

以上这篇jquery遍历标签中自定义的属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQquery的一些使用心得分享
Aug 01 Javascript
JS 实现图片直接下载示例代码
Jul 22 Javascript
JavaScript中匿名函数用法实例
Mar 23 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
May 18 Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 Javascript
Vue.js学习示例分享
Feb 05 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
JS实现的文字间歇循环滚动效果完整示例
Feb 13 Javascript
Vue面试题及Vue知识点整理
Oct 07 Javascript
你不知道的 TypeScript 高级类型(小结)
Aug 28 Javascript
vuex的使用步骤
Jan 06 Vue.js
JavaScript实现跟随鼠标移动的盒子
Jan 28 Javascript
jquery属性,遍历,HTML操作方法详解
Sep 17 #Javascript
详解Angular2中的编程对象Observable
Sep 17 #Javascript
详细总结Javascript中的焦点管理
Sep 17 #Javascript
js变量提升深入理解
Sep 16 #Javascript
再谈javascript常见错误及解决方法
Sep 16 #Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 #Javascript
浅谈jQuery效果函数
Sep 16 #Javascript
You might like
php+mysql实现无限级分类 | 树型显示分类关系
2006/11/19 PHP
PHP的面试题集,附我的答案和分析(一)
2006/11/19 PHP
php xml-rpc远程调用
2008/12/19 PHP
PHP中遍历stdclass object的实现代码
2011/06/09 PHP
PHP中strlen()和mb_strlen()的区别浅析
2014/06/19 PHP
JS判断文本框内容改变事件的简单实例
2014/03/07 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
jQuery操作JSON的CRUD用法实例
2015/02/25 Javascript
轻松实现javascript数据双向绑定
2015/11/11 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
2016/12/08 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
Angular 2父子组件数据传递之@Input和@Output详解(下)
2017/07/05 Javascript
Vue computed计算属性的使用方法
2017/07/14 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
node中的session的具体使用
2018/09/14 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
粗略分析Python中的内存泄漏
2015/04/23 Python
Python编程之微信推送模板消息功能示例
2017/08/21 Python
python Tkinter的图片刷新实例
2019/06/14 Python
详解python编译器和解释器的区别
2019/06/24 Python
在django模板中实现超链接配置
2019/08/21 Python
python双端队列原理、实现与使用方法分析
2019/11/27 Python
python扫描线填充算法详解
2020/02/19 Python
python打包多类型文件的操作方法
2020/09/21 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
苏格兰在线威士忌商店:The Whisky Barrel
2019/05/07 全球购物
生日派对邀请函
2014/01/13 职场文书
聚美优品的广告词
2014/03/14 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
英语系毕业生求职信
2014/07/13 职场文书
高中体育课教学反思
2016/02/16 职场文书
redis 限制内存使用大小的实现
2021/05/08 Redis
alibaba seata服务端具体实现
2022/02/24 Java/Android