首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery按索引选择元素

问Jquery按索引选择元素
EN

Stack Overflow用户
提问于 2010-07-28 21:31:56
回答 3查看 9.7K关注 0票数 4

下面是我的标记:

代码语言:javascript
复制
<UL style="-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0" class="ui-tabs ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" sizcache="3" sizset="5">
  <LI class="ui-state-default ui-corner-top" jQuery1280326216622="3" sizcache="3" sizset="5">
    <A href="#tab_1" jQuery1280326216622="4"><SPAN>Page 1n</SPAN></A>
  </LI>
  <LI class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active" jQuery1280326216622="5" sizcache="3" sizset="6">
    <A href="#tab_2" jQuery1280326216622="6"><SPAN>Page 2</SPAN></A>
  </LI>
  <LI class="ui-state-default ui-corner-top" jQuery1280326216622="7" sizcache="3" sizset="7">
    <A href="#tab_3" jQuery1280326216622="8"><SPAN>Page 3</SPAN></A>
  </LI>
  <LI class="ui-state-default ui-corner-top" jQuery1280326216622="9" sizcache="3" sizset="8">
    <A href="#tab_4" jQuery1280326216622="10"><SPAN>Page 4</SPAN></A>
  </LI>
</UL>

​

​

和js代码:

代码语言:javascript
复制
  jQuery(document).ready(function() {

        jQuery(".ui-layout-center").tabs({   show: loadIframe });

        rootLayout = jQuery('#container').layout
       ({
           applyDefaultStyles: true,
           north__spacing_open: 0
       });

        jQuery("#tabs_div").tabs();
        loadIframe();
    });
function reciveDataFromPages(tabIndex, data) {
       //do some thing
}

如何使用索引: tabIndex和url : data激活选项卡

有什么想法吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-07-28 21:39:38

使用:eq(),例如:

代码语言:javascript
复制
$(".ui-tabs a").removeClass("active");
$(".ui-tabs a:eq("+tabIndex+")").addClass("active");

http://api.jquery.com/eq-selector/

票数 8
EN

Stack Overflow用户

发布于 2010-07-28 21:55:05

如果您希望根据函数receiveDataFromPages中返回的选项卡索引来选择选项卡,为什么不这样做:

代码语言:javascript
复制
$(".ui-layout-center").tabs("option", "selected", tabIndex);

我不确定为什么URL在确定所选选项卡时很重要。不过,我可能并不完全理解这个问题。

希望这能有所帮助!

票数 1
EN

Stack Overflow用户

发布于 2010-07-28 22:33:48

在选择器中使用:nth-child(youIndex)。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3353333

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档