Question

我有这个链接：

<a class="name" id="showProducs" data-toggle="modal" data-target="#modal2" href="">
  Show products
  <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>

单击何时而不是＆＃34;显示产品＆＃34;应该在模态中显示所选项目文本。所以我有他的jquery

$("a[name='showProducts']").on('click', function(){
  $('#showProducts').text($(this).text()+'<i class="fa fa-caret-down" aria-hidden="true"></i>');
});

问题是，显示图标字体的instaed显示为html <i class="fa fa-caret-down" aria-hidden="true"></i>而不是图标字体。

你知道为什么吗？

Answer 1

$("a[name='showProducts']").on('click', function(){ $('#showProducts').html($(this).text()+'<i class="fa fa-caret-down" aria-hidden="true"></i>'); });

将.text（）替换为.html（）

为什么出现html而不是图标字体？

1 个答案: