• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jquery中获取id值方法小结

jquery中获取id值方法小结

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了jquery获取id等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

eq(0)是取第一个jq元素。。。

eq(index)
匹配一个给定索引值的元素

Matches a single element by its index.
返回值
Element

参数
index (Number) : 从 0 开始计数

示例
查找第二行

HTML 代码:

jQuery 代码:

结果:

获取不同id的值

<script src="js/jquery.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
var len = $("#group span").size();//获取span标签的个数
var arr = [];
for(var index = 0; index < len-1; index++){//创建一个数字数组
arr[index] = index;
}
$.each(arr, function(i){//循环得到不同的id的值
var idValue = $("#group span").eq(i).attr("id");
if(idValue != ''){
alert(idValue);
}
});
});
//-->
</script>
<span id="group">
<span id="0_1">aaa,
<span group_id="0_1" class="icon_close"> </span>
</span>
<span id="0_2">bbb,
<span group_id="0_2" class="icon_close"> </span>
</span>
<span id="0_3">ccc,
<span group_id="0_3" class="icon_close"> </span>
</span>
<span id="0_4">ddd,
<span group_id="0_4" class="icon_close"> </span>
</span>
<span id="0_5">eee,
<span group_id="0_5" class="icon_close"> </span>
</span>
</span>

这样就会得到你想要的所有的id:
0_1
0_2
0_3
0_4
0_5

文本框,文本区域:

多选框checkbox:

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-08-16jQuery中的ajax async同步和异步详解
  • 2017-08-16jQuery操作cookie方法实例教程
  • 2017-08-16基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
  • 2017-08-16jQuery插件form-validation-engine正则表达式操作示例
  • 2017-08-16DWZ table的原生分页浅谈
  • 2017-08-16jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
  • 2017-08-16jQuery 源码分析笔记(7) Queue
  • 2017-08-16jquery 中toggle的2种用法详解(推荐)
  • 2017-08-16基于jQuery实现自动轮播旋转木马特效
  • 2017-08-16jQuery对checkbox 复选框的全选全不选反选的操作

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery自定义事件的简单实现代码
    • nice Validator验证插件
    • 对jQuery的事件绑定的一些思考(补充)
    • JQuery页面地址处理插件jqURL详解
    • JQuery在循环中绑定事件的问题详解
    • 基于jquery实现图片上传本地预览功能
    • jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
    • JQuery处理json与ajax返回JSON实例代码
    • jquery PrintArea 实现票据的套打功能(代码)
    • 基于jQuery实现的仿百度首页滑动选项卡效果代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有