javascript - タグでコンテンツをラップする方法は?

Question

項目の 1 つをクリックすると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"/>');