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

Question

您好我的页面如下，

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

如何做到这一点谢谢。

http://softno.com/div.png

Answer 1

尝试使用此示例

$(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'));
  });
});

Answer 2

这是你寻求的吗？

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");
});