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 相关文章推荐
2012年开发人员的16款新鲜的jquery插件体验分享
Dec 28 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 Javascript
js倒计时抢购实例
Dec 20 Javascript
json的使用小结
Jun 08 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
Mar 28 Javascript
JS简单实现动态添加HTML标记的方法示例
Apr 08 Javascript
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
Apr 09 Javascript
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
vue interceptor 使用教程实例详解
Sep 13 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 Javascript
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
微信小程序HTTP接口请求封装代码实例
Sep 05 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中Object对象的笔记分享
2011/06/28 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
给大家分享几个常用的PHP函数
2017/01/15 PHP
PHP钩子实现方法解析
2019/05/21 PHP
js技巧--转义符&quot;\&quot;的妙用
2007/01/09 Javascript
判断iframe是否加载完成的完美方法
2010/01/07 Javascript
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
原生javascript实现拖动元素示例代码
2014/09/01 Javascript
JavaScript错误处理
2015/02/03 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
2016/12/27 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
JavaScript函数参数的传递方式详解
2017/03/06 Javascript
JavaScript ES6中const、let与var的对比详解
2017/06/18 Javascript
Vue组件库发布到npm详解
2018/02/17 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
基于three.js实现的3D粒子动效实例代码
2019/04/09 Javascript
js继承的这6种方式!(上)
2019/04/23 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
2020/07/22 Javascript
关于 Python opencv 使用中的 ValueError: too many values to unpack
2019/06/28 Python
python编写猜数字小游戏
2019/10/06 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
pycharm如何使用anaconda中的各种包(操作步骤)
2020/07/31 Python
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
晚会邀请函范文
2014/01/24 职场文书
初中同学会活动方案
2014/08/22 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
共青团员自我评价
2015/03/10 职场文书
2015年小学教师培训工作总结
2015/07/21 职场文书
Golang二维切片初始化的实现
2021/04/08 Golang
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫