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 相关文章推荐
修改发贴的编辑功能
Mar 07 Javascript
jquery $.ajax入门应用一
Nov 19 Javascript
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 Javascript
jquery中获取元素的几种方式小结
Jul 05 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
jQuery实现可拖拽3D万花筒旋转特效
Jan 03 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
Jun 21 Javascript
JS中常用的消息框总结
Feb 24 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 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记录日志的实现代码
2011/08/08 PHP
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
用Javascript数组处理多个字符串的连接问题
2009/08/20 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
ECMAScript6新增值比较函数Object.is
2015/06/12 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
2015/08/25 Javascript
JavaScript判断微信浏览器实例代码
2016/06/13 Javascript
微信小程序顶部可滚动导航效果
2017/10/31 Javascript
jquery实现掷骰子小游戏
2019/10/24 jQuery
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
[40:03]RNG vs VG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python解析xml文件操作实例
2014/10/05 Python
用python找出那些被“标记”的照片
2017/04/20 Python
numpy中loadtxt 的用法详解
2018/08/03 Python
pycharm运行程序时在Python console窗口中运行的方法
2018/12/03 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
python绘制地震散点图
2019/06/18 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
利用python中集合的唯一性实现去重
2020/02/11 Python
python用opencv完成图像分割并进行目标物的提取
2020/05/25 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
英国工艺品购物网站:Minerva Crafts
2018/01/29 全球购物
波兰运动鞋网上商店:Distance.pl
2020/07/30 全球购物
Ado与Ado.net的相同与不同
2014/12/08 面试题
城市轨道专业个人求职信范文
2013/09/23 职场文书
机械工程系毕业生求职信
2013/09/27 职场文书
大学生党课思想汇报
2013/12/29 职场文书
2014三八妇女节活动总结范文四篇
2014/03/09 职场文书
销售员岗位职责
2014/06/09 职场文书
励志演讲稿600字
2014/08/21 职场文书
庆国庆国旗下讲话稿2014
2014/09/21 职场文书
2014年文员工作总结
2014/11/18 职场文书