javascript - 如何用标签包装内容？

Question

当我单击其中一个li项目时，我想打开一个包含表单的 div：

$(settings.dom.wrapperID).wrap('<a href="#login-box"/>');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="js-news">

  <li class="news-item">This is text 1 ...</li>
  <li class="news-item">This is text 2 ...</li>
  <li class="news-item">This is text 3 ...</li>
  <li class="news-item">This is text 4 ...</li>

</ul>

如果我制作一个普通的 a 标签并放入#login-box链接可以正常工作，但不能使用 jQuery。

Answer 1

当然，通过http://在链接之前添加，如下所示：

$(settings.dom.wrapperID).wrap('<a href="http://www.google.com"/>');