javascript - 在其他 Div javascript 中动态创建 Div

Question

我只想问一个简单的问题。我有这个代码

<div id="mainContainer">
  <h2>Something</h2>
  <div id="leftColumn">
    <p><b>Left</b></p>
    <div id="dropContent">
      <div class="dragableBox hoehe1" id="box1">Box1 - 30</div>
      <div class="dragableBox hoehe2" id="box2">Box2 - 20</div>
      <div class="dragableBox hoehe3" id="box3">Box3 - 10</div>
      <div class="dragableBox hoehe4" id="box4">Box4 - 40</div>
      <div class="dragableBox hoehe5" id="box5">Box5 - 20</div> 
      <div class="dragableBox hoehe6" id="box6">Box6 - 10</div>
      <div class="dragableBox hoehe7" id="box7">Box7 - 20</div>
      <div class="dragableBox hoehe4" id="box8">Box8 - 10</div>
    </div>
  </div>
  <div id="rightColumn">
    <div id="dropBox" class="dropBox">
      <p><b>Right</b></p>
      <div id="dropContent2"></div>     
    </div>
  </div>
  <div class="clear"></div>
</div>

这会创建我需要的所有 div。我希望能够使用 javascript/jquery 函数动态创建小的内部框(box1、box2 等)。我需要它们在“左”内，在“某物”内。盒子的细节可以在类 dragableBox 和 hoehe* 中找到。简而言之，我需要一个 javascript 函数来创建完全相同的 HTML 标签目前正在执行的操作。

感谢任何帮助。提前致谢。

Answer 1

var $div = $('<div class="dragableBox hoehe1" id="box1">Box1 - 30</div>');
$('#dropContent').append($div);

var $div = $('<div class="dragableBox hoehe2" id="box2">Box2 - 20</div>');
$('#dropContent').append($div);

//ETC....

是这样想的吗？