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自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 Javascript
JavaScript中OnLoad几种使用方法
Dec 15 Javascript
js的匿名函数使用介绍
Dec 11 Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
javascript实现简单的分页特效
Aug 12 Javascript
Webpack中css-loader和less-loader的使用教程
Apr 27 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
Vue-Router实现组件间跳转的三种方法
Nov 07 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
vue路由--网站导航功能详解
Mar 29 Javascript
Vue项目中ESlint规范示例代码
Jul 04 Javascript
js实现select下拉框选择
Jan 11 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
解析mysql left( right ) join使用on与where筛选的差异
2013/06/18 PHP
推荐十款免费 WordPress 插件
2015/03/24 PHP
PHP的Yii框架中过滤器相关的使用总结
2016/03/29 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
PDO::lastInsertId讲解
2019/01/29 PHP
利用Ext Js生成动态树实例代码
2008/09/08 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
使用nodeJs来安装less及编译less文件为css文件的方法
2017/11/20 NodeJs
Vue 项目代理设置的优化
2018/04/17 Javascript
微信小程序上传图片实例
2018/05/28 Javascript
浅析Vue.js中v-bind v-model的使用和区别
2018/12/04 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
实例讲解Python的函数闭包使用中应注意的问题
2016/06/20 Python
简单的python后台管理程序
2017/04/13 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
Python元字符的用法实例解析
2018/01/17 Python
Python使用cx_Oracle模块操作Oracle数据库详解
2018/05/07 Python
解决PyCharm同目录下导入模块会报错的问题
2018/10/13 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
Python面向对象程序设计之私有变量,私有方法原理与用法分析
2020/03/23 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
Python使用socket模块实现简单tcp通信
2020/08/18 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
统计每一学生的平均成绩
2014/06/06 面试题
RIP版本1跟版本2的区别
2013/12/30 面试题
顶撞老师检讨书
2014/02/07 职场文书
美术教师岗位职责
2014/03/18 职场文书
演讲稿格式
2014/04/30 职场文书
小学语文教学随笔
2015/08/14 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS
本地通过nginx配置反向代理的全过程记录
2021/03/31 Servers
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js