如何将一个div加载到另一个div中

Question

我有一个包含10个不同div内容的页面。基于我的按钮点击，我希望第11个div加载内容，或者只是复制div1到10。我的意思是，就像在button1上，它应该加载div1，在按钮2上，我将加载div2，等等。我所有的div 1到10都将被隐藏，只有第11个div是可见的。

我需要这个，因为我的层次结构很低。

->主页(有10个分区)

    ->inner div which is loaded by a ajax request.(this has 11th div and buttons)

现在，只要点击像1到10这样的按钮，就会从主页的div中加载相应的div。我想通过java脚本或jquery来做这件事。如果可能的话，请告诉我。任何类型的建议或解决方案都是值得感谢的。

Answer 1

你是说像这样吗？

$("#mybutton1").click(
    $("#mydiv11").html($("#mydiv1").html());
)

Answer 2

如果你在某个容器中有按钮(比如ul #button)，而div在另一个容器中(比如#panes)，那么你可以这样做：

var tabs = $('#buttons li button');
var panes = $('#panes').children('div');
tabs.click(function() {
    panes.hide()
    .eq(tabs.index(this)).show();
});

您也可以使用选项卡UI http://jqueryui.com/demos/tabs/执行此操作。