jquery获取第几个元素的方法总结
2016-03-30 12:02
633 查看
使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。
jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:
eq() 选择器选取带有指定 index 值的元素。
index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。
经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素。
例子:
将id为test的元素的第二个子元素样式设置为'display':'inline-block'。
另一种写法
附另一种办法的例子
或者这样写
效果是一样的哦。
jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:
eq() 选择器选取带有指定 index 值的元素。
index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。
经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素。
例子:
$('#test').children().eq(1).css({'display':'inline-block'});
将id为test的元素的第二个子元素样式设置为'display':'inline-block'。
另一种写法
$(":eq(index)") 如:$("p:eq(1)")
附另一种办法的例子
<script type="text/javascript" src="/jquery-latest.js"></script> <script> $(function(){ $('a').each(function(i){ this.onclick=function(){ alert(i); return false; }; }); }); </script> <a href="">百度</a> <a href="">google</a> <a href="http://www.111cn.net">msn</a> <a href="">qq</a>
或者这样写
<script type="text/javascript" src="jquery-1.1.3.1.js"></script> <script type="text/javascript"> $(function() { $("a").bind("click",function() { alert($("a").index(this)); } ) } ) </script>
效果是一样的哦。
相关文章推荐
- Jquery 获取第一个子元素
- jQuery ajax中使用serialize()方法提交表单数据
- Jquery轮播效果实现过程解析
- 35 个 jQuery 小技巧
- jQuery 效果 - 滑动
- jQuery 效果 - 淡入淡出
- 修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
- jQuery学习笔记(四)
- jQuery(四)(DOM一)
- 【深入浅出jQuery】源码浅析2--使用技巧
- 【jQuery源码】tokenize方法
- 【深入浅出jQuery】源码浅析--整体架构
- jQuery 效果 - 隐藏和显示
- jQuery学习笔记(三)
- jquery性能优化
- jQuery 事件
- jquery实现增加删除行
- jQuery旋转插件jqueryrotate,制作转盘
- jQuery 选择器
- jquery mobile项目 的不同设备的字体大小问题?