如何使用文本和引导程序图标创建锚元素

Question

我想创建一个带有text和bootstrap图标的元素。 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>

<强> SCRIPT

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