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编程起步(第一课)
Jan 10 Javascript
jquery设置元素的readonly和disabled的写法
Sep 22 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
使用vue编写一个点击数字计时小游戏
Aug 31 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
Oct 10 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
Vue入门之数据绑定(小结)
Jan 08 Javascript
vue iview多张图片大图预览、缩放翻转
Jul 13 Javascript
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
Nov 09 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
coreseek 搜索英文的问题详解
2013/06/08 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
浅谈JavaScript事件的属性列表
2015/03/01 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
Prototype框架详解
2015/11/25 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
jQuery实现表单动态添加数据并提交的方法
2018/07/19 jQuery
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
vue过滤器用法实例分析
2019/03/15 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
python抓取网页时字符集转换问题处理方案分享
2014/06/19 Python
浅谈python中的变量默认是什么类型
2016/09/11 Python
windows上安装Anaconda和python的教程详解
2017/03/28 Python
对web.py设置favicon.ico的方法详解
2018/12/04 Python
Python3.5集合及其常见运算实例详解
2019/05/01 Python
numpy.array 操作使用简单总结
2019/11/08 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
大学生专科毕业生自我评价
2013/11/17 职场文书
小区消防演习方案
2014/02/21 职场文书
付款委托书范本
2014/04/04 职场文书
小学绿色学校申报材料
2014/08/23 职场文书
我爱幼儿园演讲稿
2014/09/11 职场文书
2014迎国庆标语大全
2014/09/19 职场文书
云南省召开党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
MySql开发之自动同步表结构
2021/05/28 MySQL
MongoDB支持的数据类型
2022/04/11 MongoDB
MySQL详解进行JDBC编程与增删改查方法
2022/06/16 MySQL
Go语言怎么使用变长参数函数
2022/07/15 Golang