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 写类方式之十
Jul 05 Javascript
PHP中CURL的几个经典应用实例
Jan 23 Javascript
js实现表单检测及表单提示的方法
Aug 14 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
Jan 27 Javascript
js简单判断移动端系统的方法
Feb 25 Javascript
jquery div模态窗口的简单实例
May 28 Javascript
很实用的js选项卡切换效果
Aug 12 Javascript
总结Node.js中的一些错误类型
Aug 15 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
Oct 29 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
详解Vue中一种简易路由传参办法
Sep 15 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 生成签名及验证签名详解
2016/10/26 PHP
PHP制作登录异常ip检测功能的实例代码
2016/11/16 PHP
详解php伪造Referer请求反盗链资源
2019/01/24 PHP
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
JS获取页面窗口大小的代码解读
2011/12/01 Javascript
计算新浪Weibo消息长度(还可以输入119字)
2013/07/02 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
使用js操作css实现js改变背景图片示例
2014/03/10 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
Vue中之nextTick函数源码分析详解
2017/10/17 Javascript
JS实现图片旋转动画效果封装与使用示例
2018/07/09 Javascript
AngularJS 多指令Scope问题的解决
2018/10/25 Javascript
利用Angular2的Observables实现交互控制的方法
2018/12/27 Javascript
javascript跳转与返回和刷新页面的实例代码
2019/11/20 Javascript
JS通过识别id、value值对checkbox设置选中状态
2020/02/19 Javascript
Python functools模块学习总结
2015/05/09 Python
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
分析python切片原理和方法
2017/12/19 Python
python实现简易版计算器
2020/06/22 Python
Python简单获取网卡名称及其IP地址的方法【基于psutil模块】
2018/05/24 Python
python使用Turtle库绘制动态钟表
2018/11/19 Python
计算机二级python学习教程(2) python语言基本语法元素
2019/05/16 Python
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
ET Mall东森购物网:东森严选
2017/03/06 全球购物
凯特王妃父母建立的派对用品网站:Party Pieces
2017/05/28 全球购物
医学生实习自我鉴定
2013/09/27 职场文书
学期自我鉴定范文
2013/10/01 职场文书
应届毕业生求职信范文
2013/12/18 职场文书
小学生获奖感言范文
2014/02/02 职场文书
期末学生评语大全
2014/04/24 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
仓库管理制度范本
2015/08/04 职场文书
比较node.js和Deno
2021/04/27 Javascript