텍스트 및 부트 스트랩 아이콘으로 앵커 요소를 만드는 방법

Question

텍스트 및 부트 스트랩 아이콘이있는 요소를 만들고 싶습니다. HTML은 다음과 같습니다.

<a> 
    Edit 
    <i class="icon-pencil" /> 
</a> 

jquery를 사용하여이 DOM 요소를 가져 오는 방법은 무엇입니까?

Answer 1

이 시도,

HTML

<div></div> 

SCRIPT

$('div').html('<a> Edit <i class="icon-pencil" /></a>'); 

Answer 2

var anchor = $('<a>').text('Edit').append($('<i class="icon-pencil"/>')); 

또는

var anchor = $('<a>').text('Edit').append($('<i>').addClass('icon-pencil')); 

및 문서에이 앵커를 삽입하는 것을 잊지 마세요 :

$('#some-container').append(anchor);