javascript - 在 jquery 选项卡中查找 span 标签并返回该索引

标签 javascript jquery jquery-ui

我正在使用 jquery 选项卡 UI 来创建选项卡。我在每个选项卡中隐藏了具有唯一值的跨度标签。我想找到带有特定选项卡索引值的跨度标记。

示例::

如果有两个选项卡tab1和tab2。在选项卡 1 中,我隐藏值“1”,在选项卡 2 中隐藏值“2”。现在我想在所有选项卡中搜索并找到 1 并返回索引号,在本例中它将是 0。然后它将打开索引为“0”的选项卡。

我可以使用 jquery contains 函数来搜索整个列表,但我只是想知道找到匹配项时如何返回选项卡的特定索引。

任何帮助将不胜感激。

谢谢

最佳答案

但基本上您可以使用 $.each() 方法( jQuery .each() API) 。 在函数参数中,i 代表索引,您可以循环遍历该索引。

$('[id^="tab"]').each(function (i, el) {
    $(this).append(' -- Index: ' + i);
});

jsFiddle DEMO

关于javascript - 在 jquery 选项卡中查找 span 标签并返回该索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11944996/

相关文章:

javascript - 无法手动打开 Jquery Datepicker

javascript - 如何防止将焦点放在 div 上的任何按钮、输入等上?

javascript - Vue.js 在悬停时更改子组件的 css 样式

javascript - 属于数组中同一字段的值的累积和

jquery - 防止多个 jQuery 动画同时发生

javascript - 单击输入时打开日期选择器

jquery - Angular 2 日期选择器组件可以禁用特定日期

jquery - 如何更改 jQuery UI Datepicker Z-Index 值?

javascript - 使 'dropdown-content' 与 paper-dropdown-menu 的宽度相同?

javascript - Ajax 在登录表单中显示错误而不重新加载页面