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网页关闭时提醒效果脚本
Oct 22 Javascript
JavaScript获得选中文本内容的方法
Dec 02 Javascript
Javascript 自定义类型方法小结
Mar 02 Javascript
Jquery进度条插件 Progress Bar小问题解决
Jul 12 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
js用Date对象的setDate()函数对日期进行加减操作
Sep 18 Javascript
早该知道的7个JavaScript技巧
Jun 21 Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 Javascript
JS实现时间校验的代码
May 25 Javascript
解决vue中el-tab-pane切换的问题
Jul 19 Javascript
微信小程序 WeUI扩展组件库的入门教程
Apr 21 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
收音机指标测试方法及仪器
2021/03/01 无线电
php中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)
2016/03/22 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
jquery 页面全选框实践代码
2010/04/02 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
2013/10/30 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
Javascript玩转继承(二)
2014/05/08 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
2016/09/17 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
jQuery展示表格点击变色、全选、删除
2017/01/05 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
NodeJs 文件系统操作模块fs使用方法详解
2018/11/26 NodeJs
JS利用prototype给类添加方法操作详解
2019/06/21 Javascript
基于vue hash模式微信分享#号的解决
2020/09/07 Javascript
python静态方法实例
2015/01/14 Python
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
Python元组操作实例分析【创建、赋值、更新、删除等】
2017/07/24 Python
Python扩展内置类型详解
2018/03/26 Python
libreoffice python 操作word及excel文档的方法
2019/07/04 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
Django ModelForm操作及验证方式
2020/03/30 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
Python实现简单猜数字游戏
2021/02/03 Python
几个SQL的面试题
2014/03/08 面试题
医院反腐倡廉演讲稿
2014/09/16 职场文书
雷锋观后感
2015/06/10 职场文书
安全知识竞赛主持词
2015/06/30 职场文书
上班旷工检讨书
2015/08/15 职场文书