Question

下面的代码应该是用户点击提示他输入URL的按钮。输入网址后，系统会创建一个新的i元素，其中包含指向其周围的输入网址的链接，作为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);

如何围绕div jQuery包装一个链接？

1 个答案: