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 相关文章推荐
getElementById在任意一款浏览器中都可以用吗的疑问回复
May 13 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
Nov 19 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
Jan 15 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
jQuery Ztree行政地区树状展示(点击加载)
Nov 09 Javascript
微信小程序通过保存图片分享到朋友圈功能
May 24 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
Aug 06 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
Sep 02 Javascript
js实现购物车商品数量加减
Sep 21 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 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写的serv-u的web申请账号的程序
2006/10/09 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
php给每个段落添加空格的方法
2015/03/20 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
laravel学习教程之存取器
2016/07/30 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
JS限制上传图片大小不使用控件在本地实现
2012/12/19 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
IE浏览器下PNG相关功能
2015/07/05 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
浅谈jQuery 选择器和dom操作
2016/06/07 Javascript
CSS3 media queries结合jQuery实现响应式导航
2016/09/30 Javascript
整理关于Bootstrap过渡动画的慕课笔记
2017/03/29 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
基于vue-cli 打包时抽离项目相关配置文件详解
2018/03/07 Javascript
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
2019/03/12 Javascript
CountUp.js数字滚动插件使用方法详解
2019/10/17 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
2020/07/20 Javascript
python抓取网页时字符集转换问题处理方案分享
2014/06/19 Python
Python字符串和文件操作常用函数分析
2015/04/08 Python
Python实现网络端口转发和重定向的方法
2016/09/19 Python
python自动化报告的输出用例详解
2018/05/30 Python
python批量处理txt文件的实例代码
2020/01/13 Python
Python如何生成xml文件
2020/06/04 Python
好的自荐信包括什么内容
2013/11/07 职场文书
初一科学教学反思
2014/01/27 职场文书
董事长秘书职责
2014/01/31 职场文书
狼和鹿教学反思
2014/02/05 职场文书
摄影专业毕业生求职信
2014/03/13 职场文书
公司投资建议书
2014/05/16 职场文书
食品流通安全承诺书
2014/05/22 职场文书
小学运动会演讲稿
2014/08/25 职场文书
环境保护宣传标语大全!
2019/06/28 职场文书