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