JQuery获取第几个元素和判断元素在第几个

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（以上内容转自此篇文章）

转载于:https://www.cnblogs.com/EasonJim/p/8315543.html

JQuery获取第几个元素和判断元素在第几个相关推荐

JQuery 使用技巧（一）：判断元素是否显示与隐藏
最近要做一些关于 SSM 项目的需求,项目是前后端不分离的,从去年上半年学习了 Vue 2 之后现在也一直再使用 VUE,近期才刚入手 VUE 3,确实变化还是挺多的,还需要慢慢的花时间去整理与沉淀. ...
html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(v ...
dom元素滚动条高度 js_js,jquery 获取滚动条高度和位置, 元素距顶部距离
一,获取滚动条高度和位置 jQuery 获取览器显示区域的高度: $(window).height(); 获取浏览器显示区域的宽度:$(window).width(); 获取页面的文档高度:$(doc ...
js判断元素是否隐藏
点击隐藏和显示 <div class="list">报名</div><div class="content" id="c ...
2015-07-22 JQuery 第二课（JQ元素获取，添加，删除，判断，遍历，取值，样式设置，改变对象，切换）...
1.获取元素: 1).size(): 获取元素的个数. $("img").size():获取有多少个img. 2).eq():获取元素. $("img[title]&qu ...
jquery 获取一组元素的选中项 - 函数、jquery获取复选框值、jquery获取单选按钮值...
做表单提交时,如果现在还在用form提交,用户体验很差,所以一般使用ajax提交. 其中需要获取每个表单输入元素的值,获取的时候像文本框这些还好说,Jquery提供了 .val() 方法,获取很方便, ...
jquery获取元素在文档中的位置信息以及滚动条位置（转）
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接原创 201 ...
jquery如何获取第一个或最后一个子元素？
jquery如何获取第一个或最后一个子元素?通过children方法,children("input:first-child")$(this).children("inp ...
jquery判断元素内容是否为空的方法
用jquery获取元素内容需要分两个情况: input 用val(); var value = $('#test').val(); 是否为空的判断方法: if(value.length == 0){} ...

JQuery获取第几个元素和判断元素在第几个

JQuery获取第几个元素和判断元素在第几个相关推荐

最新文章

热门文章