jquery - jqueryはhtmlブロックを挿入して、ターゲットの前に開始し、ターゲットの後に終了するようにします-これは可能ですか?

Question

before()、insertBefore()、after()およびを使用して、ターゲットの前後に html の挿入ブロックを追加できることを理解していますinsertAfter()。

私はこれに似たようなことをしようとしました

<script type="text/javascript">
    $(document).ready(function(){
        $("p").before("<div class='myContainer'>");
        $("p").after("</div>");
    });
</script>

<p>paragraph</p>

しかし、注入は自動的に終了タグを作成するようですが、これを回避する方法はありますか?

乾杯

Answer 1

そのための関数があります:).wrap()次のように使用します：

$("p").wrap("<div class='myContainer'>");

<p>これはそれぞれの独立したものをラップします、あなたはここでデモを見ることができます、それはこれを変えます：

<p>Paragraph 1</p>
<p>Paragraph 2</p>​

これに：

<div class='myContainer'>
  <p>Paragraph 1</p>
</div>
<div class='myContainer'>
  <p>Paragraph 2</p>​
</div>

Answer 2

言うまでもなく、次のこともできます。

$myDiv = $("<div class='myContainer'></div>");
$("p").wrap($myDiv);

その後、もう一度myDivに追加します。

$myDiv.append("This is going to be the text in myContainer");