如何在div jQuery周圍包裝鏈接？

Question

以下代碼應使用戶單擊提示其輸入URL的按鈕。 輸入URL后，將創建一個新的i元素，並帶有指向輸入URL的鏈接，並將其包裝為a標簽。

該代碼有效，但是未創建鏈接標記-我該怎么做？

新鏈接應僅圍繞該特定div包裝。

謝謝。

<script type="text/javascript">
    $(function() {
      $(".twitter_new").click(function() {
          link = prompt("Paste a url");
          if (link == null) {
          return;
          }
          else {
          div = document.createElement('i');
          $(div).addClass("fa").addClass("fa-twitter").wrapAll('<a href="' + link + '"></a>');
          $(".icons").append(div);
          }
        });
    });
</script>

Answer 1

您的wrapAll（）表達式不會修改變量div是什么。 它返回一個新對象。

您仍然僅附加原始的i元素

我建議您創建2個元素或全部作為html字符串

// create `<i>`
var $i = $('<i>',{class: 'fa fa-twitter'});
// create <a> and append <i>
var $a = $('<a>', {href:link}).append($i);
// append complete <a> to dom
$(".icons").append($a);