Jquery 如何找出被点击元素的位置?
如何确定列表项在什么位置被单击 假设我点击了第二个列表项:Jquery 如何找出被点击元素的位置?,jquery,click,position,Jquery,Click,Position,如何确定列表项在什么位置被单击 假设我点击了第二个列表项: <li><a href="#"><span>Tab 2</span></a></li> 标记 <div id="tabs"> <ul class="clearfix"> <li><a href="#"><span>Tab 1</span></a></li&g
<li><a href="#"><span>Tab 2</span></a></li>
标记
<div id="tabs">
<ul class="clearfix">
<li><a href="#"><span>Tab 1</span></a></li>
<li><a href="#"><span>Tab 2</span></a></li>
<li><a href="#"><span>Tab 3</span></a></li>
</ul>
<div>Content 1</div>
<div>Content 2</div>
<div>Content 3</div>
</div>
内容1
内容2
内容3
您正在查找。您正在查找。您可以使用以下方法进行操作:
$('#top-betting ul li span').click(function() {
var index = $(this).closest('li').index();
});
总的来说:
您可以使用和这样做:
$('#top-betting ul li span').click(function() {
var index = $(this).closest('li').index();
});
总的来说:
index
是您所追求的方法
$('li a').click(function(e){
var $li = $(this).parents('li');
var $ul = $(this).parents('ul');
alert($ul.children().index($li));
});
检查JSFIDLE:
索引是您要使用的方法
$('li a').click(function(e){
var $li = $(this).parents('li');
var $ul = $(this).parents('ul');
alert($ul.children().index($li));
});
检查JSFIDLE:答对了,谢谢你,尼克。再过10分钟我就接受不了了yetBingo谢谢Nick。我再过10分钟也不能接受它了,是的,没有必要这么做,$(this)。最近的('li')。index()
有效:)。index()
不带任何参数获取元素相对于其同级的索引。谢谢,刚刚看到了您的答案。我必须说index()是一个给我带来最多问题的jQuery方法。没有必要这么做,$(this)。最近的('li')。index()
可以工作:)。index()
不带参数可以获取元素相对于其同级的索引。谢谢,刚刚看到了您的答案。我必须说index()是给我带来最多问题的jQuery方法之一。