用 Jquery 替换 Div 内容 onclick 菜单答案

【问题标题】：Replace Div content onclick menu with Jquery用 Jquery 替换 Div 内容 onclick 菜单
【发布时间】：2011-05-25 16:21:37
【问题描述】：

我正在尝试创建一个菜单，用另一个已经创建但当前设置为隐藏的 div 替换里面的内容。我知道其他方法可以做到这一点，但它们不是很干净。

What I currently have done。我正在尝试使用的当前代码：

   function switchDiv(content){
   $("#Phrase")hide().replaceWith($("#" + content).css("visibility", "visible").fadeIn("slow"));
   }

我正在尝试复制我在另一篇文章中找到的另一个网站的概念。其中文本存储在数组中，然后使用以下命令替换：

    $("#menu-sub-menu > ul > li[id^=d]").click(function() {
        $("#defined").hide().html(Phrases[$(this).index()]).fadeIn("slow");
    });

但我希望替换的不仅仅是文本。

另外，如果有人知道这种菜单叫什么，那就太好了。

【问题讨论】：

【解决方案1】：

它不起作用，因为在第一次点击后，您将用您保留的一个短语替换 #Phrase 的所有内容。

首先将所有test div 放在除#phrase div 之外的其他位置。

另外 - 你不想使用replaceWith。这将删除 #Phrase div 并且您将无法再次隐藏它。取消链接您的 jquery 命令可能会帮助您首先到达您想要的位置，然后如果您愿意，可以重新链接它们。

【讨论】：