• 技术文章 >web前端 >前端问答

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

    长期闲置长期闲置2022-01-10 16:38:31原创80

    在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视频教程

    以上就是jquery怎样判断被选中是第几个的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:一个vue页面由什么组成 下一篇:vue中骨架屏是什么

    相关文章推荐

    • jquery中this代表什么意思• bootstrap与jquery的区别是什么• jquery怎样实现a标签的功能• jquery中message的用法是什么• jquery php如何实现实时数据更新

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网