Question

jquery怎样获得index

*******************HTML****************************

<div class="disp_layer">
<div class="item left">

</div>
<div class="item">

</div>
</div>
<div class="disp_layer">
<div class="item left">

</div>
<div class="item">

</div>
</div>
**********************************************
JS：
var objs=$('.disp_layer').find('div');
可以获得item的集合，一共四个
比如说点击其中某一个div,我怎样获取我点的是objs里面的第几个？

Answer 1

jquery提供了获得第一个匹配元素相对于其同胞元素的位置的方法——index()，注意：

• index从0开始计数

• 如果未找到元素，index() 将返回 -1。

实例演示如下

1. 创建Html元素

   <div class="box">
   	<span>点击li元素即可获取其index：</span><br>
   	<div class="content">
   	    <ul>
   		  <li>Glen</li>
   		  <li >Tane</li>
   		  <li>John</li>
   		  <li >Ralph</li>
   		</ul>
   	</div>	
   </div>

2. 设置css样式

   div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
   div.box>span{color:#999;font-style:italic;}
   div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
   li{margin:5px;list-style: none;}
   .red{color:red !important;}

3. 编写jquery代码

   $(function(){ 
   	$("ul li").click(function() {
   		$(this).addClass('red');    // 应用样式以突出
   		n = $(this).index();
   		alert("被点击的li标签的index顺序为："+n+"，实际顺序为："+(n+1)+"。");  
   	});
   });

4. 观察效果

   

Answer 2

可以用each函数试试

Answer 3

通过 objs.eq(0)获取第0个

Answer 4

给每个div绑定一个点击事件
objs.bind('click', function()
{
var root = this; // 记录当前被点击的div

objs.each(function(index)

{

if(root === this) // 每个div和被点击的div对比是否为同一div，是则输出index

{

alert(index);

return false;

}

})

})