index() 方法

<div class="div-t">
	<span></span>
	<ul>
		<li>AAA</li>
		<li>BBB</li>
		<li class="selected">CCC</li>
		<li>DDD</li>
		<li>EEE</li>
	</ul>
</div>



<script>

	$(function(){


		$(".div-t").on("click", "li", function(){
			// 参数为空,返回调用者在其父元素中的索引值;严格来说,是 调用者 在 父元素的所有直接子元素的集合 中的索引值
			var index = $(this).index();
			index = $(this).parent().index();

			// 参数为字符串,则将字符串视为集合选择器,即 参数 为 集合,返回 调用者 在 参数集合 中的索引值
			// 可将 参数为空 视为 参数为字符串 的默认情况,即默认 集合为 父元素的所有直接子元素的集合
			index = $(this).index(".div-t li");			

			// 参数为对象,则 调用者 为 集合,返回 对象 在 集合 中的索引值
			index = $(".div-t li").index($(this));
			index = $(".div-t li").index($(".selected"));

			console.log(index);
		});

	}

</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值