如何在首先出现文本的标签中插入文本和html，html出现在第二位

Question

我一直在互联网上寻找，但我找不到正确的解决方案。

我在这里用html删除文本内容，我需要两者。

在标记上我需要这样的东西：

<h1 class="stock-count">54<span class="stock-count-info">In Stock</span></h1>

但我不断得到这个（没有54）：

<h1 class="stock-count"><span class="stock-count-info">In Stock</span></h1>

这是我尝试过的jQuery代码：

$(".stock-count").text(count);
$(".stock-count").html("<span class='stock-count-info'></span>");
$(".stock-count-info").text("In Stock");

有人有任何建议吗？

PS。 span标记必须在h1标记内。

Answer 1

试试这个：您可以在一次通话中将计数和stock-count-info范围直接添加到stock-count范围的html。

$(".stock-count").html(count+"<span class='stock-count-info'>In Stock</span>");

Answer 2

您可以使用.append()：

$(".stock-count").append("<span class='stock-count-info'>In Stock</span>");

Answer 3

使用prepend在

之前插入元素

$(".stock-count").html("<span class='stock-count-info'></span>").prepend(count);