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