jquery中获取id值方法小结

 更新时间:2013年09月22日 12:59:44   作者:   我要评论
ID是html页面中一些元素都可以有个本页面唯一的id包括如,div,input,iframe等等都是可以的,下面我来给大家介绍利用jquery 获取id值方法,有需要了解的朋友可参考

复制代码 代码如下:

<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) //判断是否已经打勾

相关文章

  • jQuery过滤特殊字符及JS字符串转为数字

    jQuery过滤特殊字符及JS字符串转为数字

    这篇文章主要介绍了jQuery过滤特殊字符及JS字符串转为数字 的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • Tab页界面,用jQuery及Ajax技术实现

    Tab页界面,用jQuery及Ajax技术实现

    从桌面开发的时代开始,Tab页就是一个优异的界面布局形式,兼有菜单的样式和充分复用有限的界面的优点。
    2009-09-09
  • jquery实现ajax提交form表单的方法总结

    jquery实现ajax提交form表单的方法总结

    本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • jquery获取input type=text中的值的各种方式(总结)

    jquery获取input type=text中的值的各种方式(总结)

    下面小编就为大家带来一篇jquery获取input type=text中的值的各种方式(总结)。小编觉的挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • jquery选择器需要注意的问题

    jquery选择器需要注意的问题

    本文讲述的是jquery选择器结果是数组时需要主要的一个问题,并详细分析了产生此问题的原因,这里记录下来,小伙伴们在项目中使用的时候要注意一下。
    2014-11-11
  • jQuery getJSON 处理json数据的代码

    jQuery getJSON 处理json数据的代码

    Ashx处理程序:如果需要返回json格式的对象,需要把mime类型设置为:"application/json"。
    2010-07-07
  • jquery鼠标悬停导航下划线滑出效果

    jquery鼠标悬停导航下划线滑出效果

    这篇文章主要为大家详细介绍了jquery鼠标悬停导航下划线滑出效果,菜单鼠标悬停出现下划线,向两边扩展的效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • jquery实现的一个导航滚动效果具体代码

    jquery实现的一个导航滚动效果具体代码

    首页有一个导航页面要实现滚动效果,索性就仿造别人的效果自己做了一个,大体上还行,看起来还是比较流畅的,现滚动效果,脚本代码如下,感兴趣的朋友可以参考下
    2013-05-05
  • EasyUI中实现form表单提交的示例分享

    EasyUI中实现form表单提交的示例分享

    这里给大家分享的是一段使用EasyUI中实现form表单提交的方法的核心代码,小伙伴们根据自己的需求补全form部分吧,希望大家能够喜欢。
    2015-03-03
  • jquery中map函数与each函数的区别实例介绍

    jquery中map函数与each函数的区别实例介绍

    &#8203;jquery中的each函数和map函数的用法看起来差不多,但其实还是有一点区别的,each返回的是原来的数组,并不会新创建一个数组。而map方法会返回一个新的数组
    2014-06-06

最新评论