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
Javascript自定义函数判断网站访问类型是PC还是移动终端
Jan 10 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
Oct 24 Javascript
JS搜狐面试题分析
Dec 16 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
Dec 27 Javascript
微信小程序(三):网络请求
Jan 13 Javascript
p5.js入门教程之键盘交互
Mar 19 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
微信小程序文字显示换行问题
Jul 28 Javascript
JavaScript如何判断input数据类型
Feb 06 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 Javascript
jquery实现穿梭框功能
Jan 19 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
索尼SONY SRF-S83/84电路分析和打磨
2021/03/02 无线电
PHP赋值的内部是如何跑的详解
2019/01/13 PHP
php+redis实现消息队列功能示例
2019/09/19 PHP
PHP如何开启Opcache功能提升程序处理效率
2020/04/27 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
jquery改变disabled的boolean状态的三种方法
2013/12/13 Javascript
jquery中子元素和后代元素的区别示例介绍
2014/04/02 Javascript
js中运算符&amp;&amp; 和 || 的使用记录
2014/08/21 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
vue input输入框模糊查询的示例代码
2018/05/22 Javascript
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
2020/12/07 Javascript
[15:41]教你分分钟做大人——灰烬之灵
2015/03/11 DOTA
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
Python工程师面试题 与Python Web相关
2016/01/14 Python
使用Python实现博客上进行自动翻页
2017/08/23 Python
Python使用lambda表达式对字典排序操作示例
2019/07/25 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
python如何快速生成时间戳
2020/07/21 Python
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
计算机相关的自我评价
2014/01/15 职场文书
小学生新学期寄语
2014/01/19 职场文书
中英文求职信范文
2014/01/27 职场文书
幼儿园六一儿童节文艺汇演主持词
2014/03/21 职场文书
毕业生如何写自荐信
2014/03/26 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
上课说话检讨书500字
2014/11/01 职场文书
《秋思》教学反思
2016/02/23 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js
MySQL日期时间函数知识汇总
2022/03/17 MySQL