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 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
jQuery 获取对象 定位子对象
May 31 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
JavaScript 模块的循环加载实现方法
Dec 13 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
javascript对浅拷贝和深拷贝的详解
Oct 14 Javascript
JS 对java返回的json格式的数据处理方法
Dec 05 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
浅谈AngularJS中$http服务的简单用法
May 15 Javascript
JS立即执行的匿名函数用法分析
Nov 04 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
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里的中文变量说明
2011/07/23 PHP
php 中英文语言转换类代码
2011/08/11 PHP
深入了解 register_globals (附register_globals=off 网站打不开的解决方法)
2012/06/27 PHP
php xml常用函数的集合(比较详细)
2013/06/06 PHP
php中spl_autoload详解
2014/10/17 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
解决安装WampServer时提示缺少msvcr110.dll文件的问题
2017/07/09 PHP
jquery判断单个复选框是否被选中的代码
2009/09/03 Javascript
11款基于Javascript的文件管理器
2009/10/25 Javascript
为jQuery.Treeview添加右键菜单的实现代码
2010/10/22 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
jQuery插件实现无缝滚动特效
2015/11/24 Javascript
详解JavaScript中localStorage使用要点
2016/01/13 Javascript
js实现悬浮窗效果(支持拖动)
2017/03/09 Javascript
JavaScript实现星星等级评价功能
2017/03/22 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
2021/01/27 Javascript
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
vue中如何去掉空格的方法实现
2018/11/09 Javascript
浅谈Vuex注入Vue生命周期的过程
2019/05/20 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
Python3中编码与解码之Unicode与bytes的讲解
2019/02/28 Python
基于Python正确读取资源文件
2020/09/14 Python
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
酒店销售主管岗位职责
2014/01/04 职场文书
自我鉴定书面格式
2014/01/13 职场文书
抗洪救灾先进集体事迹材料
2014/05/26 职场文书
讲党性心得体会
2014/09/03 职场文书
社区党建工作汇报材料
2014/10/27 职场文书
单方离婚协议书范本2014
2014/10/28 职场文书
员工工作表扬信
2015/05/05 职场文书
旅游投诉信范文
2015/07/02 职场文书
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL