如何获取当前内容以隐藏它？答案

【问题标题】：How do I get the current content to hide it?如何获取当前内容以隐藏它？
【发布时间】：2013-02-27 05:09:02
【问题描述】：

我需要隐藏 div 中显示的内容，并在用户单击链接时将其替换为其他内容。所有内容都在 div#content 中。然后每个内容选择都在另一个 div 中。

<div id = content>
    <div id = defaultTabs class = contentContainer>content</div>
    <div id = html5Tabs class = contentContainer>content</div>
    <div id = css3Tabs class = contentContainer>content</div>
    <div id = jqueryTabs class = contentContainer>content</div>
</div>

当页面第一次加载时defaultTabs 有设置display:block 的css。其余的通过 .contentContainer { display:none;} 上的 css 隐藏。单击导航链接时，需要隐藏当前显示的内容并显示新的选择。

我不知道如何获取当前显示的内容，如果有人可以解释如何做到这一点，我可以做剩下的。

【问题讨论】：

你为什么不使用像 jquery ui 或 bootstrap 这样的 jquery 插件？
您的classes 和ids 周围没有引号吗？
你能举一个 jsfiddle 的例子，或者你网站的链接吗？

标签： jquery

【解决方案1】：

我认为不可能按照您的要求去做。

Select all elements that have a specific CSS, using jQuery

但是为了达到同样的效果，我只是隐藏了所有的 div，然后显示我希望用户看到的那个。

【讨论】：

我想我可能有办法。我应该能够通过类名获取 div 列表。使用 each() 和 attr(id) 获取 div id 并将其设置为 display:none。
是的。有很多方法可以选择 div 并隐藏它们。您的问题似乎只是要求根据 css 属性进行选择。