javascript - 切换和 JavaScript : Can't Get It To Work

Question

我昨晚问了第一个问题。不敢相信这个网站及其成员有多么有帮助。谢谢!

这是我的问题:

我有选项卡式导航可以在页面内移动。有 4 个选项卡，HTML 是(我必须删除垃圾邮件过滤器的 post bc 的链接):

<ol id="toc">
    <li><span>Top 3</span></a></li>
    <li><span>Reviews</span></a></li>
    <li><span>Places to Buy</span></a></li>
    <li><span>History</span></a></li>
</ol>

当您点击其中一个导航链接(例如前 3 个)时，您会看到以下内容:

<div class="tabcontent" id="Top3>
    Here's content
</div>

感谢本网站上的有用答案，我已经能够将 #Getit 中的所有内容附加到所有其他“tabcontent”导航区域的底部。但是当我使用这段代码时:

$('.tabcontent#Getit').clone().appendTo('.tabcontent')

它也在 Getit 选项卡中复制了 Getit 选项卡。无论如何，是否可以做到这样，如果有人正在查看 Getit 选项卡，则内容不会附加到那里，而只会附加到其他选项卡内容类？

切换功能可以这样工作吗？

Answer 1

jQuery 的 .toggle()如果元素当前可见，则仅将元素的 display 设置为 none；如果元素当前隐藏，则将其设置为适当的值以显示该元素。它还可以传递一个 bool 参数，该参数表示强制在元素上显示(true)或隐藏(false)。

我根本不明白它与此有什么关系。

但是，如果我理解您遇到的问题(很可能我不知道...)，您应该查看 .not()过滤方法:

http://jsfiddle.net/vJc6r/1/

var getit = $( '#Getit' );
getit.clone().appendTo( $( '.tabcontent' ).not( getit ) );