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图像处理—仿射变换深度理解
Jan 16 Javascript
js 遍历json返回的map内容示例代码
Oct 29 Javascript
点击页面其它地方隐藏该div的两种思路
Nov 18 Javascript
解决jQuery动态获取手机屏幕高和宽的问题
May 07 Javascript
JavaScript常用标签和方法总结
Sep 01 Javascript
微信小程序 基础知识css样式media标签
Feb 15 Javascript
原生js实现简单的模态框示例
Sep 08 Javascript
vue-cli配置文件——config篇
Jan 04 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 Javascript
2020京东618叠蛋糕js脚本(亲测好用)
Jun 02 Javascript
uniapp实现可以左右滑动导航栏
Oct 21 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编程实现获取excel文档内容的代码实例
2011/06/28 PHP
PHP的异常处理类Exception的使用及说明
2012/06/13 PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
2015/12/31 PHP
Yii2分页的使用及其扩展方法详解
2016/05/23 PHP
thinkPHP5.0框架环境变量配置方法
2017/03/17 PHP
解决出现SoapFault (looks like we got no XML document)的问题
2017/06/24 PHP
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
2007/05/30 Javascript
JSON 教程 json入门学习笔记
2020/09/22 Javascript
js jquery数组介绍
2012/07/15 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
2013/01/08 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
javascript实现微信分享
2014/12/23 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
微信小程序实现刷脸登录
2018/05/25 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
js常见遍历操作小结
2019/06/06 Javascript
js实现旋转的星空效果
2019/11/01 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
Python的动态重新封装的教程
2015/04/11 Python
利用python编写一个图片主色转换的脚本
2017/12/07 Python
Python排序搜索基本算法之希尔排序实例分析
2017/12/09 Python
Python引用计数操作示例
2018/08/23 Python
Python高级编程之继承问题详解(super与mro)
2019/11/19 Python
Python类继承和多态原理解析
2020/02/05 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
便利店投资的创业计划书
2014/01/12 职场文书
2014年元旦促销活动方案
2014/02/22 职场文书
工程安全员岗位职责
2014/03/09 职场文书
超市开店计划书
2014/04/26 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
八年级英语教学反思
2016/02/15 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书