时间戳

首页 > 解决方案 > 如何在特定位置插入元素标签而不在jquery中关闭标签

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

问题描述

任何人都知道如何在特定位置插入 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>

标签： javascriptphphtmljqueryhubspot

解决方案

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

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

$('#hs_cos_wrapper_widget_1606595393534, #hs_cos_wrapper_widget_1606763490257').wrapAll('<main />');
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>

推荐阅读