jQuery $(this).index() 获取索引号的区别和使用场景

$(this).index() :

  1. 如果一个div 里面的 a 是亲兄弟 那么点击他们的时候 可以获取相应的索引号 1 2 3
	 	<div>
	        <a href="#">1</a>
	        <a href="#">2</a>
	        <a href="#">3</a>
	    </div>
	   
	    <script>
	        $("div a").click(function() {
	            console.log($(this).index());
	        })
	       
	    </script>
  1. 但是如果他们不是亲兄弟而是表兄弟 意思是 a标签还被别的标签包裹着 这时候使用$(this).index()
    获取的索引号就不是 1 2 3 而是 0 0 0
	 	<ul>
	        <li><a href="#">a</a></li>
	        <li><a href="#">b</a></li>
	        <li><a href="#">c</a></li>
	       
	    </ul>
	    <script>
	        $("ul a").click(function() {
	        console.log($(this).index());
	    })
	    </script>
  1. 此时我们需要索引号时 我们要自定义属性来记录当前的索引号
    给 所需要获取动态标签元素索引号的地方 添加自定义属性 id
	var index = $(this).attr("id"); 使用attr 来获取自定义属性的索引号
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值