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 相关文章推荐
基于jquery的simpleValidate简易验证插件
Jan 31 Javascript
IE8中动态创建script标签onload无效的解决方法
Dec 22 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
Jan 10 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
原生js简单实现放大镜特效
May 16 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
详解Koa中更方便简单发送响应的方式
Jul 20 Javascript
2种在vue项目中使用百度地图的简单方法
Sep 28 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
JS实现提示框跟随鼠标移动
Aug 27 Javascript
vue项目从node8.x升级到12.x后的问题解决
Oct 25 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
用ODBC的分页显示
2006/10/09 PHP
php 获取完整url地址
2008/12/20 PHP
PHP中英混合字符串截取函数代码
2011/07/17 PHP
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
PHP实现事件机制的方法
2015/07/10 PHP
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
JavaScript var声明变量背后的原理示例解析
2013/10/12 Javascript
jquery动态添加option示例
2013/12/30 Javascript
javascript类型转换示例
2014/04/29 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
jQuery实现带玻璃流光质感的手风琴特效
2015/11/20 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
JS 调用微信扫一扫功能
2016/12/22 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
js根据json数据中的某一个属性来给数据分组的方法
2018/10/08 Javascript
基于Django的python验证码(实例讲解)
2017/10/23 Python
使用 Python 实现文件递归遍历的三种方式
2018/07/18 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
python实现任意位置文件分割的实例
2018/12/14 Python
Python Django 简单分页的实现代码解析
2019/08/21 Python
自定义html标记替换html5新增元素
2008/10/17 HTML / CSS
canvas 基础之图像处理的使用
2020/04/10 HTML / CSS
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
拓展培训心得体会
2014/01/04 职场文书
幼儿教师研修感言
2014/02/12 职场文书
教师廉洁自律承诺书
2014/05/26 职场文书
2019年亲子运动会口号
2019/10/11 职场文书
ztree+ajax实现文件树下载功能
2021/05/18 Javascript
MySQL添加索引特点及优化问题
2022/07/23 MySQL