如何找出被点击的元素的位置？ [英] How to find out position of clicked element?

问题描述

因此，我点击第二个列表项：

 < li>< a href =＃>< span> Tab 2< / span>< / a> li> 
  

然后，我会收到类似下面的警报：

您点击了第二个列表项？

JQuery代码

  $（'＃top-betting ul li：first'）。addClass（'current'）; 
 $（'＃top-betting div：not（：first）'）。hide（）; 
 
 $（'＃top-betting ul li span'）。click（function（）
 {
 ...？
} 
  

标记

 < div id =tabs> 
< ul class =clearfix> 
< li>< a href =＃>< span> Tab 1< / span>< / a>< / li> 
< li>< a href =＃>< span>标签2< / span>< / a>< / li> 
< li>< a href =＃>< span> Tab 3< / span>< / a>< / li> 
< / ul> 
 
< div>内容1< / div> 
< div>内容2< / div> 
< div>内容3< / div> 
< / div> 
  

解决方案

您可以使用 .closest（） 和 .index（） 如下：

  $（'＃top-betting ul li span'）click（function（）{
 var index = $（this）.closest ）.index（）; 
}）; 
  

总的来说，我认为这是你的追随：

  $（'＃top-betting ul li span'）。click（function（）{
 $（＃top-betting div）。eq（$（this）.closest（'li'）。 $ b .siblings（'div'）。hide（）; 
}）; 
  

How do I find out, in what position a list item was clicked.

So, let's say I clicked the second list item:

<li><a href="#"><span>Tab 2</span></a></li>

Then, I would get an alert saying something like:

You clicked the second list item?

JQuery Code

$('#top-betting ul li:first').addClass('current');
$('#top-betting div:not(:first)').hide();

$('#top-betting ul li span').click(function()
{
    ...?
});

Markup

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

解决方案

You can do it using .closest() and .index() like this:

$('#top-betting ul li span').click(function() {
   var index = $(this).closest('li').index();
});

Overall, I think this is what you're after:

$('#top-betting ul li span').click(function() {
    $("#top-betting div").eq($(this).closest('li').index()).show()
                         .siblings('div').hide();
});​

这篇关于如何找出被点击的元素的位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！