php - 如何在点击事件中将不同的 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");
});