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()，例如this：

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

这将包装每个独立的

，您可以在此处查看演示，它改变了这个：

<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");