jquery遍历标签中自定义的属性方法

更新时间：2016年09月17日 09:41:14 投稿：jingxian

下面小编就为大家带来一篇jquery遍历标签中自定义的属性方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

在开发中我们有时会对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遍历标签中自定义的属性方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

jQuery Tree Multiselect使用详解
这篇文章主要为大家详细介绍了jQuery Tree Multiselect的使用方法，这个插件允许用户以树型的形式来呈现列表复选框的选择，多用于权限管理中用于分配不同的权限，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
Jquery 自定义动画概述及示例
animate用于创建自定义动画的函数，这个函数的关键在于指定动画形式及结果样式属性对象，接下来为大家介绍下它的使用方法，感兴趣的朋友可以参考下哈
2013-03-03
Jquery 基础学习笔记
此笔记只是作为本人学习JQuery的随手笔记,稍微做了一下整理,希望对新人有参考价值。
2009-05-05
jquery实现的仿天猫侧导航tab切换效果
这篇文章主要介绍了jquery实现的仿天猫侧导航tab切换效果,涉及jquery鼠标事件及链式操作实现页面元素样式遍历切换效果的技巧,非常具有实用价值,需要的朋友可以参考下
2015-08-08
jquery插件懒加载的示例
这篇文章主要介绍了jquery插件懒加载的示例，帮助大家更好的利用jQuery制作网页，感兴趣的朋友可以了解下
2020-10-10
jQuery使用empty()方法删除元素及其所有子元素的方法
这篇文章主要介绍了jQuery使用empty()方法删除元素及其所有子元素的方法,涉及jQuery操作元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
Jquery对象和Dom对象的区别分析
最近有小伙伴咨询Jquery对象和Dom对象的区别，今天我们谈谈个人对于Jquery对象和Dom对象的区别的理解，如有遗漏或者错误还请指出。
2014-11-11
jQuery scroll事件实现监控滚动条分页示例
这篇文章主要介绍了jQuery scroll事件实现监控滚动条分页简单示例,使用ajax加载,同时介绍了(document).height()与$(window).height()的区别,需要的朋友可以参考下
2014-04-04
jQuery双向列表选择器DIV模拟版
前段时间项目需要用到双向列表选择，想直接用select，结果发现某些样式不支持，只好用div模拟了以下.大家根据个人需要适当添加，对jquery双向选择器知识感兴趣的朋友一起看看吧
2016-11-11
利用JQuery制作符合Web标准的QQ弹出消息
本篇文章主要介绍了利用JQuery制作符合Web标准的QQ弹出消息。这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画
2014-01-01