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 相关文章推荐
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 Javascript
javascript判断机器是否联网的2种方法
Aug 09 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
Nov 21 Javascript
js中AppendChild与insertBefore的用法详细解析
Dec 16 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
Jan 13 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
Aug 04 Javascript
vue+axios新手实践实现登陆的示例代码
Jun 06 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
Aug 29 Javascript
详解mpvue实现对苹果X安全区域的适配
Jul 31 Javascript
vue-resource:jsonp请求百度搜索的接口示例
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
php入门学习知识点六 PHP文件的读写操作代码
2011/07/14 PHP
深入解析php中的foreach问题
2013/06/30 PHP
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
PHP如何使用cURL实现Get和Post请求
2020/07/11 PHP
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
javascript获取四位数字或者字母的随机数
2015/01/09 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
2016/11/22 Javascript
jquery实现自适应banner焦点图
2017/02/16 Javascript
详解Js中的模块化是如何实现的
2017/10/18 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
vue-router的hooks用法详解
2020/06/08 Javascript
js实现车辆管理系统
2020/08/26 Javascript
python迭代器与生成器详解
2016/03/10 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
Python实现的基数排序算法原理与用法实例分析
2017/11/23 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
Linux CentOS Python开发环境搭建教程
2018/11/28 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
Python进程,多进程,获取进程id,给子进程传递参数操作示例
2019/10/11 Python
Django和Flask框架优缺点对比
2019/10/24 Python
通过字符串导入 Python 模块的方法详解
2019/10/27 Python
调整Jupyter notebook的启动目录操作
2020/04/10 Python
如何利用Python动态模拟太阳系运转
2020/09/04 Python
HTML 5.1来了 9月份正式发布 更新内容预览
2016/04/26 HTML / CSS
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
表演方阵解说词
2014/02/08 职场文书
拉歌口号大全
2014/06/13 职场文书
python机器学习创建基于规则聊天机器人过程示例详解
2021/11/02 Python