index方法详解

html文件：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>index方法详解</title>
</head>
<body>
<ul>
  <li><a href="#">我是链接</a></li>
  <li><a href="#">我是链接</a></li>
  <li><a href="#">我是链接</a></li>
  <li><a href="#">我是链接</a></li>
  <li><a href="#">我是链接</a></li>
  <li><a href="#">我是链接</a></li>
  <li><a href="#">我是链接</a></li>
  <li><a href="#">我是链接</a></li>
  <li><a href="#">我是链接</a></li>
</ul>
<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    //index()会返回当前元素在所有兄弟元素里面的索引。
    $("li").click(function () {
      console.log($(this).index());
    });
  });
</script>
</body>
</html>

　　

posted @ 2020-04-16 09:50  迷幻天空岛  阅读(226)  评论(0)  编辑  收藏  举报