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 相关文章推荐
js prototype截取字符串函数
Apr 01 Javascript
浅析Prototype的模板类 Template
Dec 07 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
node.js下when.js 的异步编程实践
Dec 03 Javascript
js使用post 方式打开新窗口
Feb 26 Javascript
JavaScript使用原型和原型链实现对象继承的方法详解
Apr 05 Javascript
Node接收电子邮件的实例代码
Jul 21 Javascript
JS实现仿微信支付弹窗功能
Jun 25 Javascript
vue+elementUi图片上传组件使用详解
Aug 20 Javascript
使用JS实现动态时钟
Mar 12 Javascript
关于AngularJS中几种Providers的区别总结
May 17 Javascript
vue路由结构可设一层方便动态添加路由操作
Aug 31 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数据加密详解
2013/06/18 PHP
JavaScript 常用函数
2009/12/30 Javascript
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
js showModalDialog弹出窗口实例详解
2014/01/07 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
JS实现购物车特效
2017/02/02 Javascript
React之PureComponent的使用作用
2018/07/10 Javascript
详解html-webpack-plugin插件(用法总结)
2018/09/12 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
解决layui数据表格table的横向滚动条显示问题
2019/09/04 Javascript
vue实现短信验证码输入框
2020/04/17 Javascript
element-ui 实现响应式导航栏的示例代码
2020/05/08 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
js实现飞机大战小游戏
2020/08/26 Javascript
Python中的yield浅析
2014/06/16 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
解决Pycharm运行时找不到文件的问题
2018/10/29 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
python快速排序的实现及运行时间比较
2019/11/22 Python
From CSV to SQLite3 by python 导入csv到sqlite实例
2020/02/14 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
使用sublime text3搭建Python编辑环境的实现
2021/01/12 Python
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
施华洛世奇澳大利亚官网:SWAROVSKI澳大利亚
2017/01/06 全球购物
俄罗斯运动鞋商店:Sneakerhead
2018/05/10 全球购物
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
党员干部公开承诺书
2014/03/26 职场文书
食品安全主题班会
2015/08/13 职场文书
PhpSpreadsheet中文文档 | Spreadsheet操作教程实例
2021/04/01 PHP
Python基础之Socket通信原理
2021/04/22 Python
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫