在其他div javascript中动态创建div

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

<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>

某物
左

方框1-30
框2-20
方框3-10
方框4-40
方框5-20
方框6-10
方框7-20
方框8-10
对

这就创建了我需要的所有div。我希望能够使用javascript/jquery函数动态创建小的内部框（box1、box2等）。我需要他们在“左”字里面，也就是在“某物”里面。盒子的详细信息可在dragableBox和hoehe*类中找到。简单地说，我需要一个javascriptfunction来创建完全相同的HTML标记

感谢您的帮助。 提前感谢。

类似这样的内容-（当您在box上使用ID时，您可以使用

#

直接访问它。您不必担心它是否在左侧或右侧，只要您保持您的ID唯一）

var$div=$（''）.text（“某物”）；
$（'#box1'）。追加（$div）；
$（'#box2'）。追加（$div）；

类似这样的内容-（当您在box上使用ID时，您可以使用

#

直接访问它。您不必担心它是否位于左侧或右侧，只要您保持您的ID唯一即可）

var$div=$（''）.text（“某物”）；
$（'#box1'）。追加（$div）；
$（'#box2'）。追加（$div）；

类似这样的内容-（当您在box上使用ID时，您可以使用

#

直接访问它。您不必担心它是否位于左侧或右侧，只要您保持您的ID唯一即可）

var$div=$（''）.text（“某物”）；
$（'#box1'）。追加（$div）；
$（'#box2'）。追加（$div）；

类似这样的内容-（当您在box上使用ID时，您可以使用

#

直接访问它。您不必担心它是否位于左侧或右侧，只要您保持您的ID唯一即可）

var$div=$（''）.text（“某物”）；
$（'#box1'）。追加（$div）；
$（'#box2'）。追加（$div）；

var$div=$（'Box1-30'）；
$（'#dropContent'）。追加（$div）；
变量$div=$（'Box2-20'）；
$（'#dropContent'）。追加（$div）；
//等等。。。。

有人这样想吗？

var$div=$（'Box1-30'）；
$（'#dropContent'）。追加（$div）；
变量$div=$（'Box2-20'）；
$（'#dropContent'）。追加（$div）；
//等等。。。。

有人这样想吗？

var$div=$（'Box1-30'）；
$（'#dropContent'）。追加（$div）；
变量$div=$（'Box2-20'）；
$（'#dropContent'）。追加（$div）；
//等等。。。。

有人这样想吗？

var$div=$（'Box1-30'）；
$（'#dropContent'）。追加（$div）；
变量$div=$（'Box2-20'）；
$（'#dropContent'）。追加（$div）；
//等等。。。。

---

有人这样想吗？

在容器的末尾插入

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').appendTo($('#dropContent')); 

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').prependTo($('#dropContent'));

var MyValue=“Box2-20”；
$（''+MyValue+''）。附加到（$（''dropContent'）；

在容器的开头插入

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').appendTo($('#dropContent')); 

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').prependTo($('#dropContent'));

var MyValue=“Box2-20”；
$（''+MyValue+''）.prependTo（$（'#dropContent'）；

在容器末端插入

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').appendTo($('#dropContent')); 

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').prependTo($('#dropContent'));

var MyValue=“Box2-20”；
$（''+MyValue+''）。附加到（$（''dropContent'）；

在容器的开头插入

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').appendTo($('#dropContent')); 

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').prependTo($('#dropContent'));

var MyValue=“Box2-20”；
$（''+MyValue+''）.prependTo（$（'#dropContent'）；

在容器末端插入

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').appendTo($('#dropContent')); 

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').prependTo($('#dropContent'));

var MyValue=“Box2-20”；
$（''+MyValue+''）。附加到（$（''dropContent'）；

在容器的开头插入

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').appendTo($('#dropContent')); 

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').prependTo($('#dropContent'));

var MyValue=“Box2-20”；
$（''+MyValue+''）.prependTo（$（'#dropContent'）；

在容器末端插入

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').appendTo($('#dropContent')); 

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').prependTo($('#dropContent'));

var MyValue=“Box2-20”；
$（''+MyValue+''）。附加到（$（''dropContent'）；

在容器的开头插入

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').appendTo($('#dropContent')); 

var MyValue = "Box2 - 20";
$('<div class="dragableBox hoehe1" id="box1">' + MyValue +'</div>').prependTo($('#dropContent'));

var MyValue=“Box2-20”；
$（''+MyValue+''）.prependTo（$（'#dropContent'）；

我需要一个javafunction来创建完全相同的….

java！==javascript

。我需要一个javafunction来创建完全相同的….

java！==javascript

。我需要一个javafunction来创建完全相同的….

java！==javascript

。我需要一个javafunction来创建完全相同的….

java！==javascript

。