JQuery如何在同一个地方追加

Question

所以在一个项目中，我需要用 jquery 附加一些元素。我正在使用.append() 函数，它工作正常，但我真正需要做的是每次都将元素附加到同一个位置，而不是一个接一个。

如您所见，我需要将第二个元素（黄色） - 以及下一个 - 附加，但每次都在同一个地方，不依赖于之前的元素位置。

抱歉英语不好。

Answer 1

正如@darklightcode 提到的，您应该使用 CSS 来解决这个问题。 将position: relative 规则添加到父元素。然后，将 position: absolute 添加到要附加到的子元素中。最简单的方法是给每个元素添加相同的类，该类具有以下规则：position: absolute。

您无需为每个添加的元素指定z-index，因为默认情况下，最后添加的元素将在所有其他元素之上可见。

它可能看起来像这样： HTML：

<div class="parent">
  <div class="child green"></div>
  <div class="child yellow"></div>
  <div class="child red"></div>
</div>

CSS：

.parent {
   position: relative;
}
.child {
  width: 100px;
  height: 100px;
  position: absolute;
}
.green {
  background: green;
}
.yellow {
  background: yellow;
}
.red {
  background: red;
}