jquery - 毎回タグ挿入div

Question

すべて<p>のタグの後に、もちろん id で定義された div を挿入したい。

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>

（デモ）