使用 jQuery 更改内容中的 Div [关闭]

Question

我正在尝试制作我的主页，因此当用户单击菜单时，只有内容中的 div 应该更改，并且当再次在菜单中选择 div 时我应该再次更改..

http://thom239u.keaweb.dk/help/

我试过这个：

function me(){
    $(".me").show();
    document.getElementById("content").innerHTML = $(".me");

}

但我不会工作..??我试过 replaceWith ，但删除了以前的 div。

Answer 1

对其进行了一些重构，但如果您希望将其作为一个函数，这应该可以正常工作。

function me(){
    var $me = $(".me"),
        $content = $("#content"),
        meContent = $me.html();
    //$me.show(); // un-comment if you need it, useless unless .me is hidden
    $content.html(meContent);
}

me();

工作小提琴： http://jsfiddle.net/9Z2Wk/1/

Answer 2

在检查完你的 html 之后，最简单和最理想的解决方案是隐藏不需要的 div，并显示需要的 div……所以，.me 的代码是这样的：

$('#content > div').hide(); 
$('.me').show();

如果你想更进一步，让它更好看，更易读：

function showPage(class) {
    $('#content > div').hide(); 
    $('.'+class).fadeIn(200);
}

然后，您的点击函数将如下所示：showPage("me")... 主页：showPage("home") 等...