jquery如何判断被选中是第几个

本文小编为大家详细介绍“Jquery如何判断被选中是第几个”，内容详细，步骤清晰，细节处理妥当，希望这篇“jquery如何判断被选中是第几个”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

在jquery中，可以利用index()方法判断被选中的元素是第几个，该方法用于返回指定元素相对于其他指定元素的index位置，语法为“指定元素对象.index(this)”。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎样判断被选中是第几个

假设有下面这样一段html代码：

<ul>
    <li>jQuery判断当前元素是第几个元素示例</li>
    <li>jQuery获取第N个元素示例</li>
    <li>jQuery选择器示例</li></ul>

jQuery判断当前元素是第几个元素

如果我们点击任何一个li标签，想知道当前点击的是第几个li标签，可以使用下面的代码：

$("ul li").click(function () {
    var index = $("ul li").index(this);
    alert(index);
 });

如上面的jQuery代码，如果点击的第一个会提示”0″,如果是第二个li标签会提示”1″,注意索引序列号是从0开始的。

index() 方法返回指定元素相对于其他指定元素的 index 位置。

这些元素可通过 jQuery 选择器或 DOM 元素来指定。

注意：如果未找到元素，index() 将返回 -1。

读到这里，这篇“jquery如何判断被选中是第几个”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网JavaScript频道。