Javascript 更新按钮文本后，启动图标丢失

我在按钮上添加了一个图标，如下所示：

当用户将项目添加到购物车中时，按钮变为

每当用户向购物车添加项目时，我都会尝试更新按钮的文本。它可以更新文本，但图标丢失

这是html

<div class="wrapper">
<button class="btn btn-primary" id="btnView" data-toggle="modal" data-target="#myModal"><i class="fa fa-cart-plus"></i> 0 Item(s) in cart</button>
            </div>

当用户将项目添加到购物车中时，我正在更新文本

$('#btnView').text( aItems.length + ' Item(s) in cart' );

我可以在维护图标的同时更新文本吗？我错过什么了吗

谢谢大家

请尝试以下代码：

$('#btnView').html(`<i class="fa fa-cart-plus"></i> ${aItems.length} Item(s) in cart`);

$（'#btnView'）.html（`aItems.length}购物车中的项目`）；

您是否检查了开发工具中的更新按钮？通过向

.text（）

添加值，它会用您添加的值替换按钮内的所有内容，因此它也会删除

。当添加一个值时，它或多或少与

.html（）

相同。有关

.text（）

和

.html（）

的区别的更多信息，如果您感兴趣，我已经阅读过了。我是javascript新手…感谢这里的链接，我已经尝试了你建议的示例。不幸的是，它仍然不起作用。它无法将${aItems.lenght}识别为变量或代码，因此它显示为文本。请确保将传递给html函数的字符串包含在反引号中，而不是单引号中。omg谢谢！现在开始工作了。非常感谢你！我学到了一些新的东西：）哦，我刚刚打勾了。很抱歉。当涉及到我自己的帖子时，我对stackoverflow还是个新手哈哈。我不知道我必须点击那个。保重，伙计。

$('#btnView').html(`<i class="fa fa-cart-plus"></i> ${aItems.length} Item(s) in cart`);