每个<p>标签后插入一个div </p>

Question

我希望在每个<p>标记之后插入一个div，使用当然的id定义。

使用 jQuery 非常简单，insertAfter就是这样：

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

我无法在选择器之后看到css 。

Answer 1

肯定有：在CSS3标准中选择器之后。但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>

（demo）