jquery获取索引

来源:互联网 发布:windows小米平板刷安卓 编辑:程序博客网 时间:2024/05/16 03:05
<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>获取当前点击的元素在原来集合中的索引</title>  <style type="text/css">li {height: 25px;line-height: 25px;background: rgba(0,0,0,0.5);border-bottom: 1px solid red;}a {text-decoration: none;font-size: 16px;}  </style> </head> <body>  <div><ul><li><a href="javascript:void(0);"><div class="index">0</div></a></li><li><a href="javascript:void(0);"><div class="index">1</div></a></li><li><a href="javascript:void(0);"><div class="index">2</div></a></li><li><a href="javascript:void(0);"><div class="index">3</div></a></li><li><a href="javascript:void(0);"><div class="index">4</div></a></li></ul>  </div>  <script src="jquery-1.12.0.min.js"></script>  <script type="text/javascript">$(function(){$(".index").on("click",function(){var $target = $(this);console.log($(".index").index($target));});});  </script> </body></html>

0 0
原创粉丝点击