如何在jQuery中的元素之前插入结束标记？

Question

我们的编辑可以为我们的网站撰写博客文章，在该编辑器中，他们可以点击创建元素<div class="subscribe-call-to-action">Call to action will come here</div>的按钮。

所有内容都包含在<div class="container-fluid post_description_container">里面，我有一个<div class="col-md-6 post_description">，我试图在页面中动态插入一个全宽度元素，这意味着我需要关闭<col-md-6 post_description>

我尝试使用.insertBefore()和.before()，但没有使用这些工作。

如何关闭<div class="col-md-6">，然后追加整个宽度元素，然后重新启动<div class="col-md-6 post_description">？

Answer 1

您需要使用wrap()方法使用HTML标记包装元素。

$element.wrap('<div clas="classnames"></div>')

Answer 2

我最终使用的是动态添加容器的纯css。这是

所有信用都转到此处：https://coderwall.com/p/hkgamw/creating-full-width-100-container-inside-fixed-width-container

.subscribe-call-to-action {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}