使用jQuery重新排序标签

我正在寻找使用jQuery在我的主页上重新排序一组三个内容标签。使用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网站，但找不到解决方案。

在这里有任何帮助吗？

来源

2015-09-04 bbacarat

我们可能需要更多信息。你能否提供一个codepen（http://codepen.io/）来展示你的问题？ – CollinD

嗨科林，我没有一个codepen帐户。但我会考虑在这里设置，欢呼。但简单地说，你如何定位

元素的ID？ – bbacarat

您可以匿名创建笔（并保存/分享），只需在角落点击“新笔”即可。无需一个帐户。 – CollinD

假设你的标签是连续的，你可以做这样的事情。

$('.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; }

我想消除这些假设，但是你没有给我们太多去。

来源

2015-09-04 15:09:32 B2K

嗨B2K，是的标签是连续的，但Trevors在上面的评论答案为我工作了谢谢。 – bbacarat

使用jQuery重新排序标签

回答

相关问题