码迷,mamicode.com
首页 > Web开发 > 详细

jquery-index()

时间:2017-10-29 23:17:32      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:doc   elements   cti   自己的   classname   对象   pre   jquer   jquery   

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

  

jquery-index()

标签:doc   elements   cti   自己的   classname   对象   pre   jquer   jquery   

原文地址:http://www.cnblogs.com/cyany/p/7751435.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!