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 相关文章推荐
jQuery与其它库冲突的解决方法
Jun 25 Javascript
有关DOM元素与事件的3个谜题
Nov 11 Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
Javascript模块化编程(三)require.js的用法及功能介绍
Jan 17 Javascript
jquery通过a标签删除table中的一行的代码
Dec 02 Javascript
javascript实现简单的Map示例介绍
Dec 23 Javascript
jQuery Validate表单验证深入学习
Dec 18 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
Jun 12 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
Mar 25 Javascript
clipboard在vue中的使用的方法示例
Oct 19 Javascript
ES6 更易于继承的类语法的使用
Feb 11 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编写的导航条程序
2006/10/09 PHP
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
php session安全问题分析
2011/06/24 PHP
详细解读PHP中接口的应用
2015/08/12 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
Bootstarp 基础教程之表单部分实例代码
2017/02/03 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
2017/08/15 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
webpack打包nodejs项目的方法
2018/09/26 NodeJs
layer弹出子iframe层父子页面传值的实现方法
2018/11/22 Javascript
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
对Django中内置的User模型实例详解
2019/08/16 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
python模拟点击在ios中实现的实例讲解
2020/11/26 Python
FC-Moto英国:欧洲最大的摩托车服装和头盔商店之一
2019/08/25 全球购物
国际花店:Pickup Flowers
2020/04/10 全球购物
计算机专业毕业生推荐信
2013/11/25 职场文书
2014三八妇女节活动总结
2014/03/01 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
优质服务口号
2014/06/11 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
4s店活动策划方案
2014/08/25 职场文书
“四风”问题对照检查材料思想汇报
2014/09/16 职场文书
公务员政审材料
2014/12/23 职场文书
世界地球日活动总结
2015/02/09 职场文书
教学质量月活动总结
2015/05/11 职场文书
小学生大队委竞选稿
2015/11/20 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书