JQuery 如何追加到同一个地方

Question

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

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

抱歉英语不好。

Answer 1

正如@darklightcode 提到的，您应该使用 CSS 来解决这个问题。将 position: relative 规则添加到父元素。然后，将 position: absolute 添加到您要追加的子元素。最简单的方法是为每个元素添加相同的 class，并具有此规则：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;
}

JQuery 如何追加到同一个地方

JQuery how to append on the same place

javascript

jquery

css

coffeescript

transform