Javascript 如何在jquery中将div附加到特定div？

我正在尝试使用myBox类将具有特定高度和宽度以及相同Id的div动态fadeIn，并使用append函数将它们随机放置在myBox中。然而，div被添加到myBox的内部和外部

这是我的密码。怎么了

var xx=数学随机数*100； 对于var i=0；i追加似乎是正确的，但我在这里看到的第一个问题是，您正在设置top和left属性，但没有设置position属性。 您应该在样式表中添加一些东西，为主容器和子div指定position属性。 例如：

还有一件事。将$newdiv1指定为jQuery对象：

var $newdiv1 = $(...)

然后再用美元包装它。这就足够了：

$newdiv1.css({
    "top": top,
    "left": left
  });
$newdiv1.css('background-color', getRandomColor);

---

通过回顾你的问题，我认为Rory的评论给了你答案，但我只是加强了它。需要在main div上设置overflow:css的hidden属性以停止显示main div之外的子对象

请查看代码片段，或。只是添加了背景色和不透明度，以获得更好的显示效果

$function{ var xx=数学随机数*100； 对于变量i=0；i一个元素只能附加到DOM中的一个位置，因此“正在被附加到内部和外部”这句话意义不大。这里的光学效果可能与您想要的有所不同，但仅凭这段代码很难判断-因此请提供一个合适的选项。您的代码似乎工作正常：。你能更详细地说明确切的问题是什么吗。重复的id属性稍后将成为一个问题。我猜这取决于.myBox元素的维度，这些随机放置的元素是显示“内部”还是“外部”。由于您的最大左坐标值为1200px，并且您的框宽为100px，因此您的容器元素当然必须至少为1300px宽，才能包含该方向上的所有可能位置……请确定问题的标题，它与您提出的实际问题无关。

$newdiv1.css({
    "top": top,
    "left": left
  });
$newdiv1.css('background-color', getRandomColor);