prepend() 和 append() 之间有什么关系？

编程问答 2022-04-24

问题描述

我会尽快的。我正在尝试将一个元素定位到我的目标。通常我们有 prepend（在目标之前）和 append（在目标之后）。但是，是否有一些方法可以帮助我们将该元素放在我们所针对的对象上，而不是将其放在 (prepend) 或 after(append) 之前？

解决方法

如果您希望向目标添加新的 HTML 元素...我不知道这是否是您想要的。

$('.target-x').html('<div class="target-b">new elements</div>')
.target-x {background:#bbb;padding:10px;}
.target-b {background:#fff;color:#222;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
    <div class="target-top">Elements</div>
    <div class="target-x">New Elements Target</div>
    <div class="target-bottom">Elements</div>
</body>

,

您可以在 position:absolute 上使用 :before 将其放置在实际内容上。

HTML

<div class="example">This is an example div</div>

CSS

.example {
  background-color: #5BC8F7;
}

.example::before {
  position:absolute;
  content: "Above!";
  background-color: #FFBA10;
}
htmljavascriptjqueryprepend