如何在点击事件中将不同的 div 加载到同一个 div 上答案

【问题标题】：how to load different div's onto a same div on click event如何在点击事件中将不同的 div 加载到同一个 div 上
【发布时间】：2013-08-02 08:34:56
【问题描述】：

你好我的页面如下，

点击“结构”时，我需要将一个 div 加载到 div1 中，如果单击样式，我需要将另一个 div 加载到 div 1 中。

谢谢。

http://softno.com/div.png

【问题讨论】：

如果您不向您的问题添加更多信息（包括您已有的任何代码），则几乎无法为您提供帮助。

标签： php javascript jquery

【解决方案1】：

这就是你想要的吗？

var structurediv = $("<div id="structurediv">");
var stylediv = $("<div id="stylediv">");

$("#structure").click(function(){
    $("#div1").empty();
    firstdiv.appendTo("#div1");
});

$("#style").click(function(){
    $("#div1").empty();
    seconddiv.appendTo("#div1");
});

【讨论】：

【解决方案2】：

尝试使用这个例子

$(function(){
  $('#structure').click(function(){
      $('#div1').html($('<div>', {'text' : 'structure'}));
  });

  $('#style').click(function(){
      $('#div1').html($('<div>', {'text' : 'style'}));
  });
});

更新

$(function(){
  // load default div to div 1
  $('#div1').append($('#default'));

  $('#structure').click(function(){
      // load some div to div 1
      $('#div1').append($('#divForStructure'));
  });

  $('#style').click(function(){
      // load some div to div 1
      $('#div1').append($('#divForStyle'));
  });
});

【讨论】：

您好，感谢您的回复。您的脚本工作正常，但我需要将完整的 div 加载到 div1 而不是文本中......怎么做？我需要在开始时将默认 div 加载到 div 1..
已添加更新以供您使用