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 相关文章推荐
JavaScript异步调用定时方法并停止该方法实现代码
Mar 16 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
Dec 28 Javascript
将input file的选择的文件清空的两种解决方案
Oct 21 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
jQuery EasyUI 获取tabs的实例解析
Dec 06 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
Jun 29 Javascript
浅谈JS中的常用选择器及属性、方法的调用
Jul 28 Javascript
浅谈angular2 组件的生命周期钩子
Aug 12 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 Javascript
vue-router传参用法详解
Jan 19 Javascript
微信小程序 如何获取网络状态
Jul 26 Javascript
交互式可视化js库gojs使用介绍及技巧
Feb 18 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
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
PHP浮点数精度问题汇总
2015/05/13 PHP
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
基于jquery的商品展示放大镜
2010/08/07 Javascript
10个基于浏览器的JavaScript调试工具分享
2013/02/07 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
浅谈 javascript 事件处理
2015/01/04 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
相册展示PhotoSwipe.js插件实现
2016/08/25 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
2017/02/15 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
Vant 中的Toast设置全局的延迟时间操作
2020/11/04 Javascript
JS removeAttribute()方法实现删除元素的某个属性
2021/01/11 Javascript
[12:29]2018国际邀请赛 开幕秀
2018/08/22 DOTA
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
彻底搞懂Python字符编码
2018/01/23 Python
python批量导入数据进Elasticsearch的实例
2018/05/30 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
Python Django的安装配置教程图文详解
2019/07/17 Python
基于Python共轭梯度法与最速下降法之间的对比
2020/04/02 Python
使用pth文件添加Python环境变量方式
2020/05/26 Python
Python bisect模块原理及常见实例
2020/06/17 Python
keras在构建LSTM模型时对变长序列的处理操作
2020/06/29 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
巴西图书和电子产品购物网站:Saraiva
2017/06/07 全球购物
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
面向对象设计的原则是什么
2013/02/13 面试题
父亲的菜园教学反思
2014/02/13 职场文书
化学教学随笔感言
2014/02/19 职场文书
大跃进口号
2014/06/16 职场文书
检讨书怎么写
2015/01/23 职场文书
奖学金申请书(范文)
2019/08/14 职场文书
zabbix agent2 监控oracle数据库的方法
2021/05/13 Oracle