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 10 Javascript
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
JS this作用域以及GET传输值过长的问题解决方法
Aug 06 Javascript
js下拉菜单语言选项简单实现
Sep 23 Javascript
使用CSS样式position:fixed水平滚动的方法
Feb 19 Javascript
SWFObject基本用法实例分析
Jul 20 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
Jan 18 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
Apr 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编程开发“虚拟域名”系统
2006/10/09 PHP
php session实现多级目录存放实现代码
2016/02/03 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
2012/08/09 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
2014/07/08 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
Javascript 严格模式use strict详解
2017/09/16 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
vue实现提示保存后退出的方法
2018/03/15 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
React 实现拖拽功能的示例代码
2019/01/06 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
Webpack设置环境变量的一些误区详解
2019/12/19 Javascript
JS自定义滚动条效果
2020/03/13 Javascript
实现一个Vue自定义指令懒加载的方法示例
2020/06/04 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python双向链表实现实例代码
2013/11/21 Python
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
详解python3中的真值测试
2018/08/13 Python
python+selenium实现自动抢票功能实例代码
2018/11/23 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
Python filter()及reduce()函数使用方法解析
2020/09/05 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
初任培训自我鉴定
2013/10/07 职场文书
大学生个人事迹材料
2014/01/21 职场文书
致接力运动员广播稿
2014/02/17 职场文书
工厂门卫岗位职责范本
2014/04/04 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
爱心捐赠活动简讯
2015/07/20 职场文书
酒吧七夕情人节宣传语
2015/11/24 职场文书
如何用PHP实现多线程编程
2021/05/26 PHP