如何在特定位置插入元素标签而不在jquery中关闭标签

【问题标题】：How to Insert element tag in specific location without closing tag in jquery如何在特定位置插入元素标签而不在jquery中关闭标签
【发布时间】：2021-07-02 18:29:05
【问题描述】：

任何人都知道如何在特定位置插入 HTML 标签，例如。我想在正文的上部插入标签，结束标签在页脚。我想用jquery插入这些代码怎么可能

<HTML>
     <body>
          <main>

               <div id="hs_cos_wrapper_widget_1606595393534"></div>
               <div id="#hs_cos_wrapper_widget_1606763490257"></div>
           </main>
      </body>
</html>

这是我目前的代码，你可以看到插入前后有两个 div Id

 <script>
      $( "<main>" ).insertBefore( "#hs_cos_wrapper_widget_1606595393534" );
      $( "</main>" ).insertAfter( "#hs_cos_wrapper_widget_1606763490257" );
  </script>

【问题讨论】：

标签： javascript php html jquery hubspot

【解决方案1】：

您不能在单独的操作中插入开始标签和结束标签。您只能创建整个元素。

话虽如此，jQuery 有一种方法可以满足您的需求； wrapAll():

$('#hs_cos_wrapper_widget_1606595393534, #hs_cos_wrapper_widget_1606763490257').wrapAll('&lt;main /&gt;');

main {
  border: 1px solid #C00;
  padding: 20px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="hs_cos_wrapper_widget_1606595393534">Foo</div>
<div id="hs_cos_wrapper_widget_1606763490257">Bar</div>

【讨论】：

谢谢这正是我需要的