jquery中获取id值方法小结


Posted in Javascript onSeptember 22, 2013
<div id="product_shift_out_{m}"> </div>
<script language = "JavaScript" type="text/javascript">
$(document).ready(function(){
name = $('div').eq(0).attr('id');
alert(name)
});
</script>

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

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

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

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

示例
查找第二行

HTML 代码:

<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>

jQuery 代码:

$("tr:eq(1)")

结果:

[ <tr><td>Value 1</td></tr> ]

获取不同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

文本框,文本区域:

$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox:

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
Javascript 相关文章推荐
javascript document.referrer 用法
Apr 30 Javascript
跟着JQuery API学Jquery 之二 属性
Apr 09 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
Nov 23 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
Jun 27 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
Javascript中replace()小结
Sep 30 Javascript
js和jquery实现监听键盘事件示例代码
Jun 24 Javascript
jquery事件绑定解绑机制源码解析
Sep 19 Javascript
VUE中使用Vue-resource完成交互
Jul 21 Javascript
微信小程序实现二维码签到考勤系统
Jan 16 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 24 Javascript
原生JS运动实现轮播图
Jan 02 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
Sep 22 #Javascript
浏览器页面区域大小的js获取方法
Sep 21 #Javascript
javascript dom追加内容实现示例
Sep 21 #Javascript
html+js实现动态显示本地时间
Sep 21 #Javascript
JavaScript加强之自定义event事件
Sep 21 #Javascript
JavaScript加强之自定义callback示例
Sep 21 #Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 #Javascript
You might like
几款免费开源的不用数据库的php的cms
2010/12/19 PHP
php中try catch捕获异常实例详解
2014/11/21 PHP
避免 showModalDialog 弹出新窗体的原因分析
2010/05/31 Javascript
js螺旋动画效果的具体实例
2013/11/15 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
Nodejs实现文件上传的示例代码
2017/09/26 NodeJs
vue.js input框之间赋值方法
2018/08/24 Javascript
对angular4子路由&amp;辅助路由详解
2018/10/09 Javascript
JQuery实现ajax请求的示例和注意事项
2018/12/10 jQuery
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
JavaScript canvas仿代码流瀑布
2020/02/10 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
2020/04/01 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
[02:21]十步杀一人,千里不留行——DOTA2全新英雄天涯墨客展示
2018/08/29 DOTA
在python中的socket模块使用代理实例
2014/05/29 Python
Python文件和目录操作详解
2015/02/08 Python
python将图片文件转换成base64编码的方法
2015/03/14 Python
最大K个数问题的Python版解法总结
2016/06/16 Python
python实现k-means聚类算法
2018/02/23 Python
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
python找出完数的方法
2018/11/12 Python
Django REST framework视图的用法
2019/01/16 Python
在Python 字典中一键对应多个值的实例
2019/02/03 Python
Python3实现配置文件差异对比脚本
2019/11/18 Python
Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作
2020/06/06 Python
实习自我鉴定范文
2013/10/30 职场文书
手机促销活动方案
2014/02/05 职场文书
优秀应届毕业生推荐信
2014/02/18 职场文书
团代会开幕词
2015/01/28 职场文书
创先争优活动个人总结
2015/03/04 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
单位领导婚礼致辞
2015/07/28 职场文书
在Django中使用MQTT的方法
2021/05/10 Python