JQuery获取第几个元素和判断元素在第几个
2018-01-19 10:06
489 查看
HTML代码:
判断当前元素是第几个元素
如果我们点击任何一个li标签,想知道当前点击的是第几个li标签,可以使用下面的代码:
如上面的jQuery代码,如果点击的第一个会提示”0″,如果是第二个li标签会提示”1″,注意索引序列号是从0开始的。
获取第N个元素
同理,如果我们要获取第二li标签元素,可以使用下面的代码
注意索引是从0开始的,因此上面的代码会输出第二个li标签的html内容。
参考:
https://www.cnblogs.com/zhaoyingjie/p/6419939.html(以上内容转自此篇文章)
<ul> <li>jQuery判断当前元素是第几个元素示例</li> <li>jQuery获取第N个元素示例</li> <li>jQuery选择器示例</li> </ul>
判断当前元素是第几个元素
如果我们点击任何一个li标签,想知道当前点击的是第几个li标签,可以使用下面的代码:
$("ul li").click(function () { var index = $("ul li").index(this); alert(index); });
如上面的jQuery代码,如果点击的第一个会提示”0″,如果是第二个li标签会提示”1″,注意索引序列号是从0开始的。
获取第N个元素
同理,如果我们要获取第二li标签元素,可以使用下面的代码
var element=$("ul li").eq(1); alert($(element).html());
注意索引是从0开始的,因此上面的代码会输出第二个li标签的html内容。
参考:
https://www.cnblogs.com/zhaoyingjie/p/6419939.html(以上内容转自此篇文章)
相关文章推荐
- jQuery判断当前元素是第几个元素&获取第N个元素
- jQuery判断当前元素是第几个元素&获取第N个元素
- jQuery判断当前元素是第几个元素&获取第N个元素
- jQuery判断当前元素是第几个元素&获取第N个元素
- jquery判断元素存在和获取父窗口元素
- jquery获取第几个元素的方法总结
- jQuery获取当前元素是该父元素的第几个元素
- jquery 获取 元素的值,判断是否为空,获取下拉选项的option集合
- jquery获取第几个元素的方法总结
- 2015-07-22 JQuery 第二课(JQ元素获取,添加,删除,判断,遍历,取值,样式设置,改变对象,切换)
- jQuery判断获取元素的类型 父元素的click事件集中管理子元素的click
- jquery判断显示的元素并获取显示元素数据
- jQuery获取当前元素是该父元素的第几个元素&获取父元素的第n个子元素
- jQuery判断当前元素是第几个元素
- jquery 判断当前点击的元素是第几个元素
- 夺命雷公狗jquery---50获取div元素并且通过each方法遍历
- jQuery 判断页面元素是否存在的代码
- jQuery判断元素是否是隐藏的代码
- jquery ui dialog autofocus 去掉默认第一个元素获取焦点
- jquery判断元素是否存在的方法