Question

我在创建按钮时使用append（）。我如何拥有＆lt; span＆gt;在附加文本中？

基本上我想这样做

<button type="button" class="btn btn-default" id="test1" >
     <span class="glyphicon glyphicon-arrow-left"></span>
</button>

这里

$( '<button />' , { class: 'btn btn-default', type: 'button', id: 'test1' })

Answer 1

您也可以像这样使用html属性

$('<button />', {
  class: 'btn btn-default',
  type: 'button',
  id: 'test1',
  html: '<span class="glyphicon glyphicon-arrow-left"></span>'
});

Here is a reference

var b = $( '<button />' , { class: 'btn btn-default', type: 'button', id: 'test1', html: '<span class="glyphicon glyphicon-arrow-left"></span>' });
$('body').append(b);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

您可以使用html：

    $( '<button />' , { 'class': 'btn btn-default', type: 'button', id: 'test1',
         html: '<span class="glyphicon glyphicon-arrow-left"></span>' })

注意：class是保留字。所以在引用中使用它。

Answer 3

这个怎么样：

$( '<button />' , { 
     class   : 'btn btn-default', 
     type    : 'button', 
     id      : 'test1', 
     html    : '<span class="glyphicon glyphicon-arrow-left"></span>' 
})

使用append（）时在按钮内添加span

3 个答案: