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 相关文章推荐
Convert Seconds To Hours
Jun 16 Javascript
javascript入门·对象属性方法大总结
Oct 01 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
Jun 26 Javascript
js获取ajax返回值代码
Apr 30 Javascript
基于jquery实现百度新闻导航菜单滑动动画
Mar 15 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
防止重复发送 Ajax 请求
Feb 15 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
May 17 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
Mar 27 Javascript
浅谈Vue.js组件(二)
Apr 09 Javascript
vue如何实现关闭对话框后刷新列表
Apr 08 Vue.js
Typescript类型系统FLOW静态检查基本规范
May 25 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 巧用数组降低程序的时间复杂度
2010/01/01 PHP
php批量删除cookie的简单实现方法
2015/01/26 PHP
php中实现可以返回多个值的函数实例
2015/03/21 PHP
php实现可运算的验证码
2015/11/10 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
jQuery 版本的文本输入框检查器Input Check
2009/07/09 Javascript
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
jquery放大镜效果超漂亮噢
2013/11/15 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
js动画效果制件让图片组成动画代码分享
2014/01/14 Javascript
jquery解析JSON数据示例代码
2014/03/17 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
2016/09/21 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
微信小程序 获取session_key和openid的实例
2017/08/17 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
vue实现购物车加减
2020/05/30 Javascript
原生JS实现相邻月份日历
2020/10/13 Javascript
python采用requests库模拟登录和抓取数据的简单示例
2014/07/05 Python
python检测远程udp端口是否打开的方法
2015/03/14 Python
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
Python线程创建和终止实例代码
2018/01/20 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
python中os.remove()用法及注意事项
2021/01/31 Python
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
HomeAway英国:全球领先的度假租赁在线市场
2020/02/03 全球购物
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
泰国最新活动和优惠:Megatix
2020/05/07 全球购物
回门宴父母答谢词
2014/01/26 职场文书
处级干部反四风个人对照检查材料思想汇报
2014/09/27 职场文书
销售督导岗位职责
2015/04/10 职场文书
信用卡催款律师函
2015/05/27 职场文书
《草船借箭》教学反思
2016/02/23 职场文书
React配置子路由的实现
2021/06/03 Javascript
端午节将至,用Python爬取粽子数据并可视化,看看网友喜欢哪种粽子吧!
2021/06/11 Python