如何通过其索引获取jQuery UI标签DOM元素？

Question

我的实验的目标是通过jQuery UI's Tabs元素的索引检索DOM元素ID。

的Tabs控制布局HTML开始是这样的：

<div id="tabs"> 
    <ul> 
    <li><a href="#tab1">Tab name 1</a></li> 
    <li><a href="#tab2">Tab name 2</a></li> 
    <li><a href="#tab3">Tab name 3</a></li> 
    </ul> 

所以说，如果我想要写一个JS函数将返回#tab3的选项卡索引2，什么jQuery的方法，我需要使用为拿到它，为实现它？

Answer 1

您可以使用:eq()选择器或eq()函数通过匹配的元素集中的索引访问元素。

$("#tabs ul li a:eq(2)").attr("href"); 

或

$("#tabs ul li a").eq(2).attr("href"); 

---

alert($("#tabs ul li a:eq(2)").attr("href"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="tabs"> 
 
    <ul> 
 
    <li><a href="#tab1">Tab name 1</a></li> 
 
    <li><a href="#tab2">Tab name 2</a></li> 
 
    <li><a href="#tab3">Tab name 3</a></li> 
 
    </ul> 
 
</div>