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>

3. 此时我们需要索引号时 我们要自定义属性来记录当前的索引号
   给 所需要获取动态标签元素索引号的地方 添加自定义属性 id

	var index = $(this).attr("id"); 使用attr 来获取自定义属性的索引号