jquery-index() 

<body>
	<div class="big">
		<div class="small"></div>
		<div class="small"></div>
		<div class="small inner"></div>
		<div class="small"></div>
		<div class="small"></div>
	</div>
	<script>
		console.log($(".inner").index('.small'));
		// index传入选择器，会在对应选择器的jQuery对象找到自己的位置

		var $inner = $(".inner");
		console.log($(".small").index($inner));
		var $inner = $(".inner").get(0);
		console.log($(".small").index($inner));
		var inner = document.getElementsByClassName("inner")[0];
		console.log($(".small").index(inner))
		// index传入jquey对象(取第一个位置)或则都没dom对象，会找到其在调用方法的集合中的位置



		$(".small").each(function(i,item){
			// console.log(i,item);
			// console.log($(this))
			// console.log($(this).index());
			// 如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置。
		})
		var arr = [1,5,9,36,83,9,85,36,78,61];
		var $arr = $(arr);
		$arr.each(function(i,item){
			// console.log($arr.index(item));
			// console.log($(this))
			// console.log($(this).index());这是错误的,不可以这样获取所在位置的索引值 
		});
	</script>

　　

posted @ 2017-10-29 21:39  cyany_blue  阅读(214)  评论(0)    收藏  举报