jquery - 每次之后标签插入一个div

Question

我想在每个<p>标签之后插入一个 div，当然是用 id 定义的。

使用jQuery很容易使用insertAfter，如下所示：

$('#id').insertAfter('p'); but how about using css?

在选择器可以提供帮助后，我看不到 css 。

Answer 1

CSS3 标准中肯定有 :after 选择器。但是 CSS 用于样式。插入 DOM 元素是通过脚本完成的。

Answer 2

您可以插入内容（但正如 David Thomas 指出的那样，它不能通过附加元素来改变 DOM 结构）。不幸的是，对于您的要求，此内容会自动转义，并且这种方法实际上是为了解决/创建不同的问题。

拿这个 HTML+CSS：

<p>A P element</p>
<style>
p:after
{
  content:"<div>A DIV element</div>";
}
</style>

产生这个：

A P element<div>A DIV element</div>

（演示）