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 相关文章推荐
Prototype Hash对象 学习
Jul 19 Javascript
js过滤数组重复元素的方法
Sep 05 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
May 25 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
Apr 27 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
python爬取安居客二手房网站数据(实例讲解)
Oct 19 Javascript
Angularjs中的$apply及优化使用详解
Jul 02 Javascript
layui实现点击按钮给table添加一行
Aug 10 Javascript
解决layer弹层遮罩挡住窗体的问题
Aug 17 Javascript
layui lay-verify form表单自定义验证规则详解
Sep 18 Javascript
使用vscode快速建立vue模板过程详解
Oct 10 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中的Session对象如何使用
2015/09/25 PHP
php实现留言板功能(会话控制)
2017/05/23 PHP
jquery dialog键盘事件代码
2010/08/01 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
使用jQuery实现动态添加小广告
2017/07/11 jQuery
Vue页面骨架屏注入方法
2018/05/13 Javascript
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
vue项目开发中setTimeout等定时器的管理问题
2018/09/13 Javascript
zepto.js 实时监听输入框的方法
2018/12/04 Javascript
[02:05]2014DOTA2西雅图邀请赛 专访啸天mik夫妻档
2014/07/08 DOTA
[01:01]青春无憾,一战成名——DOTA2全国高校联赛开启
2018/02/25 DOTA
Python Xml文件添加字节属性的方法
2018/03/31 Python
Python实现爬虫爬取NBA数据功能示例
2018/05/28 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
python变量的存储原理详解
2019/07/10 Python
pytorch 预训练层的使用方法
2019/08/20 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
利用CSS3的border-radius绘制太极及爱心图案示例
2016/05/17 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
HTML5页面音视频在微信和app下自动播放的实现方法
2016/10/20 HTML / CSS
Rag & Bone官网:瑞格布恩高级成衣
2018/04/19 全球购物
十佳教师事迹材料
2014/01/11 职场文书
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
法律七进实施方案
2014/03/15 职场文书
大学团日活动新闻稿
2014/09/10 职场文书
国庆节促销广告语2014
2014/09/19 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
学习焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
营销计划书
2015/01/17 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书
Python获取百度热搜的完整代码
2021/04/07 Python
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript