jquery - テキストとブートストラップ アイコンでアンカー要素を作成する方法

Question

テキストとブートストラップ アイコンを含む要素を作成したいと考えています。HTMLはこんな感じ

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

jqueryを使用してこのDOM要素を取得するには?

Answer 1

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

また

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

このアンカーをドキュメントに挿入することを忘れないでください。

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

Answer 2

これを試して、

HTML

<div></div>

脚本

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