`
jbgtwang
  • 浏览: 21789 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

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");

 

转自:http://blog.csdn.net/jbgtwang/article/details/6931539

分享到:
评论

相关推荐

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

    本文将介绍如何使用jQuery遍历标签中的自定义属性,并提供具体的使用方法和示例。 首先,HTML标签中的自定义属性是开发者为了存储特定信息而在标准HTML属性之外添加的属性。例如,对于一个列表项`&lt;li&gt;`,我们可能会...

    在IE8下用JQuery获取自定义标签

    如果自定义标签没有内建的jQuery支持,可能需要遍历DOM树来定位它们。 5. **扩展jQuery选择器**: jQuery允许开发者扩展其选择器引擎,以便识别自定义标签。这通常通过插件实现,需要编写代码来解析新的选择器并...

    jQuery自定义添加或删除标签获取ID代码

    在这个特定的项目中,“jQuery自定义添加或删除标签获取ID代码”是利用jQuery来实现的一个功能,主要涉及到以下几个核心知识点: 1. **jQuery选择器**:jQuery的选择器允许开发者高效地选取DOM元素。在这个应用中,...

    JavaScript简单遍历DOM对象所有属性的实现方法

    注意,这两种遍历方式的区别在于,第一种方法会遍历所有属性,包括JavaScript自定义的属性、DOM扩展属性等,而第二种方法仅遍历HTML标签中声明的属性。在实际开发中,应根据需求选择合适的遍历方法。 了解这些遍历...

    jquery自定义添加标签推荐标签源码免费下载

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本资源提供了一段用于自定义添加和推荐标签的jQuery源码,非常适合那些需要在网站上实现类似功能的...

    jquery自定义属性(类型/属性值)

    在本段文档中涉及到的知识点主要集中在使用jQuery来创建和操作自定义属性的动态添加。文档详细描述了一个功能实现的过程,允许用户通过下拉菜单选择要创建的HTML元素类型(图片、文本框、按钮等),随后再选择要设置...

    jquery标签云制作无规则标签云样式

    可以使用`each()`函数遍历每个标签,然后随机生成数值赋值给相应的CSS属性: ```javascript $('#tag-cloud li').each(function() { var size = Math.random() * (30 - 12) + 12; // 随机字体大小 var rotate = ...

    JQuery 云标签

    要使用jQuery,你需要在HTML文档中引入jQuery库,然后利用其选择器、方法和属性来操作页面元素。 ```html &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; ``` ### 2. 云标签设计 云标签...

    jQuery自定义标签获取ID代码

    在描述中提到的“jQuery自定义标签获取ID代码”,其核心是利用jQuery选择器来定位自定义标签,并获取这些标签的ID。jQuery的选择器非常强大,可以基于ID、类名、属性等多种条件来选取元素。获取ID的方法通常是`$("#...

    jQuery基于video自定义视频播放器特效源码.zip

    在IT行业中,jQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本资源“jQuery基于video自定义视频播放器特效源码.zip”提供了一个利用jQuery技术来定制视频播放器的实例...

    jQuery 标签页

    无论是自定义的 jQuery 实现还是使用插件,都可以添加各种选项来调整标签页的行为,如默认激活的标签、是否允许关闭标签、动画效果等。 总之,jQuery 为创建功能强大、用户体验良好的标签页提供了便利。无论是简单...

    jquery标签左右滚动内容

    在IT行业中,jQuery是一种广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在本项目"jquery标签左右滚动内容"中,我们聚焦于使用jQuery实现一种美观且用户友好的标签页切换效果,...

    基于jquery自定义菜单

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。基于jQuery自定义菜单是一项常见的前端开发技能,尤其在构建交互式网站时非常有用。本篇文章将深入探讨...

    jquery可自定义可移动悬浮键盘

    在IT行业中,jQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本文将详细讲解如何利用jQuery创建一个可自定义、可移动的悬浮键盘,以及涉及到的相关知识点。 首先,我们...

    jquery自定义表单控件.rar

    在IT行业中,jQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本资源“jquery自定义表单控件.rar”似乎包含了一个关于如何利用jQuery来创建自定义表单组件的教程或代码...

    简单实用的jQuery表单输入框浮动标签动画特效插件

    1. **初始化**:在页面加载完成后,插件会遍历所有带有特定类名或属性的表单输入元素,对其进行增强处理。 2. **事件绑定**:插件监听输入框的`focus`和`blur`事件,当用户聚焦输入框时,触发浮动标签动画;失去焦点...

    jQuery+CSS3可自定义设置数值圆形温度计代码.zip

    《jQuery+CSS3自定义数值圆形温度计代码详解》 在网页设计中,动态的、交互式的元素往往能提升用户体验,使网站更具吸引力。今天我们要探讨的是一款基于jQuery和CSS3实现的可自定义设置数值的圆形温度计代码。这款...

    js获取单元格自定义属性值的代码(IE/Firefox)

    如果单元格有多个自定义属性,你需要遍历`attributes`数组来获取所有属性值。 在循环结束后,`result`变量会包含所有单元格的自定义属性值和文本内容,以XML格式组合。最后,`&lt;/Item&gt;`标签关闭了XML元素,表示一个...

    JQuery1.9标签库

    4. **动画效果(Animation)**: `fadeIn()`, `fadeOut()`, `slideToggle()`等方法创建平滑的动画效果,`animate()`允许自定义动画,通过改变CSS属性实现复杂的过渡效果。 ### 二、jQuery 1.9的改进与变化 1. **API...

Global site tag (gtag.js) - Google Analytics