Question

我有一个包含10个不同div内容的页面。基于我的按钮单击我希望第11个div加载内容或只需要一个div 1到10的副本。我的意思是喜欢按钮1它应该加载div 1和按钮2我将加载div 2等所有我的div 1到10将被隐藏，只有第11个div可见。

因为我的下层等级，我需要这个。

- ＆GT;主页（有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 #buttons）和另一个容器中的div（比如#panes）那么你可以这样做：

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

您也可以使用标签页面http://jqueryui.com/demos/tabs/执行此操作。

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

2 个答案: