如何通过索引获取jQueryUITabsDOM元素

How get jQuery UI Tabs DOM element by its index?

本文关键字：jQueryUITabsDOM 元素 获取 索引 何通过      更新时间：2023-09-26

我的实验目标是通过jQueryUI的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方法来获得它？

您可以使用：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>

相关文章：