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 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
Mar 05 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
Oct 16 Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 Javascript
纯javascript实现自动发送邮件
Oct 21 Javascript
Require.JS中的几种define定义方式示例
Jun 01 Javascript
使用JavaScript实现alert的实例代码
Jul 06 Javascript
webpack打包js文件及部署的实现方法
Dec 18 Javascript
vue-cli 3.x配置跨域代理的实现方法
Apr 12 Javascript
详解JavaScript中的坐标和距离
May 27 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
Sep 10 Javascript
Vue和React有哪些区别
Sep 12 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/08 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
使用js 设置url参数
2013/07/08 Javascript
仿新浪微博登陆邮箱提示效果的js代码
2013/08/02 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
javascript中数组的sort()方法的使用介绍
2013/12/18 Javascript
js post提交调用方法
2014/02/12 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
2014/12/17 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
2016/05/03 Javascript
js简单实现图片延迟加载的方法
2016/07/19 Javascript
jQuery简单实现title提示效果示例
2016/08/01 Javascript
学习Angular中作用域需要注意的坑
2016/08/17 Javascript
JS去除重复并统计数量的实现方法
2016/12/15 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
JavaScript事件对象深入详解
2018/12/30 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
2020/04/27 Javascript
JS前端基于canvas给图片添加水印
2020/11/11 Javascript
python双向链表实现实例代码
2013/11/21 Python
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
举例讲解Python中的list列表数据结构用法
2016/03/12 Python
使用Python读写及压缩和解压缩文件的示例
2016/07/08 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
如何使用Python标准库进行性能测试
2019/06/25 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
opencv中图像叠加/图像融合/按位操作的实现
2020/04/01 Python
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
武汉英思工程科技有限公司&ndash;ORACLE面试测试题目
2012/04/30 面试题
记者岗位职责
2014/01/06 职场文书
校园安全广播稿
2014/02/08 职场文书
贺卡寄语大全
2014/04/11 职场文书
施工员岗位职责范本
2015/04/11 职场文书
会议新闻稿
2015/07/17 职场文书
Python日志模块logging用法
2022/06/05 Python
MySQL表字段数量限制及行大小限制详情
2022/07/23 MySQL