用jquery怎么知道我点击的是第几个li

在jquery中,可以使用index()方法来获得当前点击的li标签位置。下面小编举例讲解用jquery怎么知道我点击的是第几个li。

东西/原料

  • html+jquery
  • 代码编纂器:zend studio 10.0

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解用jquery怎么知道我点击的是第几个li。

  2. 2

    在test.html文件中,利用script标签加载jquery.min.js文件,当作功加载该文件,才能利用jquery方式。

  3. 3

    在test.html文件内,利用ul标签,li标签建立一个列表,例如,建立三个项目列表。

  4. 4

    在test.html文件内,利用ready()方式在页面加载完当作时,执行function方式。

  5. 5

    在function方式内,经由过程获得li对象,利用bind()方式给每一个li绑定click点击事务,当li被点击时,经由过程index()方式获适当前li标签的索引值,最后,利用alert()方式输出索引值。

  6. 6

    在浏览器打开test.html文件,点击按钮,查看成果。

    END

总结:

  1. 1

    1、利用bind()方式给每一个li标签绑定click点击事务。
    2、经由过程index()方式获适当前点击li标签的位置索引。

    END

注重事项

  • index()获得的索引从0起头,是以上面的例子要进行加1操作。
  • 发表于 2020-03-23 19:00
  • 阅读 ( 788 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具