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 요소를 추가하는

만

나는 당신이 두 요소를 생성 제안 또는

// 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);