jquery获取索引

最新推荐文章于 2023-06-07 16:51:59 发布

啊哈前端

最新推荐文章于 2023-06-07 16:51:59 发布

阅读量1.7k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/wuzhe128520/article/details/55209915

版权

jquery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!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

收藏

觉得还不错? 一键收藏
打赏
0
评论
jquery获取索引

获取当前点击的元素在原来集合中的索引 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; }
复制链接

扫一扫