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函数，它会为索引为2的选项卡返回#tab3，那么我需要使用哪种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>

如何通过索引获取jQuery UI Tabs DOM元素？

1 个答案: