<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)
}
function(obj){
obj.parent().parent(); //点击的这个li的父级(ul)的父级(div)
}
#2
可是这样还是不能获取到点击的是第几个DIV index()
#3
那就把div的id按照顺序定义一下,获取到div后读一下id就知道是第几个了
#4
<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)
}
function(obj){
obj.parent().parent(); //点击的这个li的父级(ul)的父级(div)
}
#2
<li onclick="click(this)">1<li>
function(obj){
obj.parent().parent(); //点击的这个li的父级(ul)的父级(div)
}
可是这样还是不能获取到点击的是第几个DIV index()
#3
<li onclick="click(this)">1<li>
function(obj){
obj.parent().parent(); //点击的这个li的父级(ul)的父级(div)
}
可是这样还是不能获取到点击的是第几个DIV index()
那就把div的id按照顺序定义一下,获取到div后读一下id就知道是第几个了
#4
<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()