如何通過其索引獲取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>