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的数组的扩展实例代码
Jul 09 Javascript
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
Jun 11 Javascript
javascript Array对象基础知识小结
Nov 16 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
详解Javascript 装载和执行
Nov 17 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
JavaScript操作DOM元素的childNodes和children区别
Apr 01 Javascript
jQuery插件实现可输入和自动匹配的下拉框
Oct 24 Javascript
js中位运算的运用实例分析
Dec 11 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
Dec 12 Javascript
javascript实现商品图片放大镜
Nov 28 Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 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/01/31 PHP
PHP贪婪算法解决0-1背包问题实例分析
2015/03/23 PHP
64位windows系统下安装Memcache缓存
2015/12/06 PHP
Zend Framework开发入门经典教程
2016/03/23 PHP
详解PHP数据压缩、加解密(pack, unpack)
2016/12/17 PHP
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
2021/03/09 Servers
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
基于JQuery的cookie插件
2010/04/07 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
基于Javascript实现倒计时功能
2016/02/22 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
2018/09/27 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
[58:46]OG vs NAVI 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python获取央视节目单的实现代码
2015/07/25 Python
Python中你应该知道的一些内置函数
2017/03/31 Python
详谈Python基础之内置函数和递归
2017/06/21 Python
深入了解Python中pop和remove的使用方法
2018/01/09 Python
python opencv如何实现图片绘制
2020/01/19 Python
解决pyinstaller 打包exe文件太大,用pipenv 缩小exe的问题
2020/07/13 Python
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
计算机毕业大学生推荐信
2013/12/01 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
员工生日活动方案
2014/08/24 职场文书
故意杀人案辩护词
2015/05/21 职场文书
详解Python中的进程和线程
2021/06/23 Python
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript
python中的sys模块和os模块
2022/03/20 Python