Question

我希望使用jQuery在我的主页上重新订购一组三个内容标签。

我已经想出如何重新排序标签导航按钮，但是内容显示的面板的div仍显示旧的标签顺序内容。

代码如下所示：

<div class="tabs-content">
<section class="content active" id="panel0">

我的jquery看起来像这样：

$(".tabs-content > section #panel0").removeClass("active");
$(".tabs-content > section #panel2").addClass("active");

然而，这不起作用，我知道它的目标是html标签的id的问题。我已经检查了jquery网站，但无法找到解决方案。

这里有人帮忙吗？

Answer 1

假设您的标签是连续的，您可以这样做。

$('.tabs-navigation a').click(function() {
    var index = $(this).index();
    $('.tabs-content > section').removeClass('active');
    $('.tabs-content > section').slice(index,index).addClass('active');
});

这也假设您在css中正确定义了类：

.tabs-content > section { display: none; }
.tabs-content > section.active { display: block; }

我想消除这些假设，但你还没有给我们太多的帮助。

使用jquery重新排序选项卡

1 个答案: