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 页面 Mask实现代码
Jan 09 Javascript
JavaScript和JQuery实用代码片段(一)
Apr 07 Javascript
JavaScript和ActionScript的交互实现代码
Aug 01 Javascript
Jquery命名冲突解决的五种方案分享
Mar 16 Javascript
JS编程小常识很有用
Nov 26 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
Aug 05 Javascript
JavaScript 用fetch 实现异步下载文件功能
Jul 21 Javascript
JS和Canvas实现图片的预览压缩和上传功能
Mar 30 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
vue  自定义组件实现通讯录功能
Sep 30 Javascript
vuex vue简单使用知识点总结
Aug 29 Javascript
JavaScript回调函数callback用法解析
Jan 14 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
星际中一些鲜为人知的详细资料
2020/03/04 星际争霸
php 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
php结合安卓客户端实现查询交互实例
2015/05/05 PHP
PHP魔术方法使用方法汇总
2016/02/14 PHP
PHP正则替换函数preg_replace()报错:Notice Use of undefined constant的解决方法分析
2017/02/04 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
jquery 输入框数字限制插件
2009/11/10 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
2012/12/25 Javascript
jquery $.trim()方法使用介绍
2014/05/21 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
2015/04/16 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
JS瀑布流实现方法实例分析
2016/12/19 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
JS实现的邮箱提示补全效果示例
2018/01/30 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
通过函数作用域和块级作用域看javascript的作用域链
2018/08/05 Javascript
基于Vue2实现简易的省市区县三级联动组件效果
2018/11/05 Javascript
Vue页面刷新记住页面状态的实现
2019/12/27 Javascript
js实现简单音乐播放器
2020/06/30 Javascript
Python中处理时间的几种方法小结
2015/04/09 Python
python daemon守护进程实现
2016/08/27 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
Python list列表中删除多个重复元素操作示例
2019/02/27 Python
python实现多线程端口扫描
2019/08/31 Python
Python中join()函数多种操作代码实例
2020/01/13 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
blueseventy官网:铁人三项和比赛泳衣
2021/02/06 全球购物
Servlet面试题库
2015/07/18 面试题
测量员岗位职责
2015/02/14 职场文书
爱护公物主题班会
2015/08/17 职场文书
2015年大学组织委员个人工作总结
2015/10/23 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
Mysql 如何合理地统计一个数据库里的所有表的数据量
2022/04/18 MySQL