多个DIV,点击div下的子元素,怎么获取点击的是第几个DIV, jquery

时间:2023-02-08 20:38:37
<div class="djnu">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<div class="djnu">
<ul>
<li>1</li>
<li>2</li>
</ul>
</div>

如上,通过点击LI,怎么知道点击的是第几个div中的LI

5 个解决方案

#1


<li onclick="click(this)">1<li>

function(obj){
      obj.parent().parent();     //点击的这个li的父级(ul)的父级(div)    
}

#2


引用 1 楼 China_LY11 的回复:
<li onclick="click(this)">1<li>

function(obj){
      obj.parent().parent();     //点击的这个li的父级(ul)的父级(div)    
}

可是这样还是不能获取到点击的是第几个DIV     index()

#3


引用 2 楼 dabing1990 的回复:
Quote: 引用 1 楼 China_LY11 的回复:

<li onclick="click(this)">1<li>

function(obj){
      obj.parent().parent();     //点击的这个li的父级(ul)的父级(div)    
}

可是这样还是不能获取到点击的是第几个DIV     index()

那就把div的id按照顺序定义一下,获取到div后读一下id就知道是第几个了

#4


引用 3 楼 xiaojunjor 的回复:
Quote: 引用 2 楼 dabing1990 的回复:

Quote: 引用 1 楼 China_LY11 的回复:

<li onclick="click(this)">1<li>

function(obj){
      obj.parent().parent();     //点击的这个li的父级(ul)的父级(div)    
}

可是这样还是不能获取到点击的是第几个DIV     index()

那就把div的id按照顺序定义一下,获取到div后读一下id就知道是第几个了

或者你点击后遍历所有div,当遍历到的div和你点击的这个div相等,那索引就是第几个了

#5


obj.closest("div").index()

#1


<li onclick="click(this)">1<li>

function(obj){
      obj.parent().parent();     //点击的这个li的父级(ul)的父级(div)    
}

#2


引用 1 楼 China_LY11 的回复:
<li onclick="click(this)">1<li>

function(obj){
      obj.parent().parent();     //点击的这个li的父级(ul)的父级(div)    
}

可是这样还是不能获取到点击的是第几个DIV     index()

#3


引用 2 楼 dabing1990 的回复:
Quote: 引用 1 楼 China_LY11 的回复:

<li onclick="click(this)">1<li>

function(obj){
      obj.parent().parent();     //点击的这个li的父级(ul)的父级(div)    
}

可是这样还是不能获取到点击的是第几个DIV     index()

那就把div的id按照顺序定义一下,获取到div后读一下id就知道是第几个了

#4


引用 3 楼 xiaojunjor 的回复:
Quote: 引用 2 楼 dabing1990 的回复:

Quote: 引用 1 楼 China_LY11 的回复:

<li onclick="click(this)">1<li>

function(obj){
      obj.parent().parent();     //点击的这个li的父级(ul)的父级(div)    
}

可是这样还是不能获取到点击的是第几个DIV     index()

那就把div的id按照顺序定义一下,获取到div后读一下id就知道是第几个了

或者你点击后遍历所有div,当遍历到的div和你点击的这个div相等,那索引就是第几个了

#5


obj.closest("div").index()