通过jquery

Question

我正在设计一个这样的关闭按钮：

<button type="button">
  <span>&times;</span>
</button>

现在，我想使用jquery创建该按钮：

$('#btn').click(function (){
  var span = $('<span>').text('&times;');
  var btn = $('<button>').prop('type', 'button').append(span);
  
  $('body').append(btn)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn" type="button">Click me</button>

编译器未将×转换为x。

所以，我的问题是：如何解决它？

Answer 1

您必须使用.html()代替.text()。当您使用.text()设置时，html实体将被视为纯文本。

＆＃13;

＆＃13;

$('#btn').click(function (){
  var span = $('<span>').html('&times;');
  var _btn = $('<button>').prop('type', 'button').append(span);
  
  $('body').append(_btn)
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn" type="button">Click me</button>

＆＃13;

＆＃13;

＆＃13;