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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
用正则表达式替换图片地址img标签
Nov 22 Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 Javascript
jQuery插件开发的两种方法及$.fn.extend的详解
Jan 16 Javascript
html的DOM中Event对象onblur事件用法实例
Jan 21 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
详谈js遍历集合(Array,Map,Set)
Apr 06 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
Sep 26 Javascript
vue 子组件向父组件传值方法
Feb 26 Javascript
详解swipe使用及竖屏页面滚动方法
Jun 28 Javascript
详解vue文件中使用echarts.js的两种方式
Oct 18 Javascript
JS JQuery获取data-*属性值方法解析
Sep 01 jQuery
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
Discuz 模板引擎的封装类代码
2008/07/18 PHP
PHP 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
php 判断数组是几维数组
2013/03/20 PHP
yii数据库的查询方法
2015/12/28 PHP
PHP静态成员变量
2017/02/14 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
总结PHP代码规范、流程规范、git规范
2018/06/18 PHP
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
起点页面传值js,有空研究学习下
2010/01/25 Javascript
JSON字符串转JSON对象
2015/07/31 Javascript
JS获取html元素的标记名实现方法
2016/10/08 Javascript
bootstrap多种样式进度条展示
2016/12/20 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
2017/05/13 jQuery
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
Python验证码识别处理实例
2015/12/28 Python
django admin添加数据自动记录user到表中的实现方法
2018/01/05 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
matplotlib savefig 保存图片大小的实例
2018/05/24 Python
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
python中bytes和str类型的区别
2019/10/21 Python
python自动化测试三部曲之unittest框架的实现
2020/10/07 Python
python爬虫请求头的使用
2020/12/01 Python
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
美国诺德斯特龙百货官网:Nordstrom
2016/08/23 全球购物
面向对象概念面试题(.NET)
2016/11/04 面试题
大学生物业管理求职信
2013/10/24 职场文书
表彰先进的通报
2014/01/31 职场文书
交通安全寄语大全
2014/04/08 职场文书
启动仪式策划方案
2014/06/14 职场文书
应用心理学专业求职信
2014/08/04 职场文书
2014向国旗敬礼网上签名活动总结
2014/09/27 职场文书
实习协议书
2015/01/27 职场文书
数据库连接池
2021/04/06 MySQL