如何识别字符串中的特定数字，并使用该数字创建和填充另一个跨度？

Question

我有一个跨度，其中可能的值是：“显示 1 项”或“显示 x 到 y 项，共 z 项”。 Z 可以是任何正数。

<div class="result-container">
    <span id="results-label">Showing 1 to 10 of 33 items</span>
</div>

我希望能够使用 jQuery 识别 z 并将其放入在此上方新创建的跨度中。请注意，由于翻译，“项目”不是静态的。期望的输出：

<div class="result-container">
    <span id="total-results">33</span>
    <span id="results-label">Showing 1 to 10 of 33 items</span>
</div>

我使用的正则表达式是 \d+(?=[A-Za-z\s]*$) ，它似乎可以工作 https://rubular.com/r/KrHmLUzEsWGU3P

我有两个问题：

由于某种原因，创建和插入新跨度失败：

https://jsfiddle.net/ubte7jx3/

我不确定之后如何将正则表达式结果插入到跨度中。

Answer 1

在评论中的一些帮助下，我设法找到了解决方案：

<div class="job-tile-result-container">
    <span id="tile-search-results-label">Showing 1 to 10 of 33 items</span>
</div>


$(document).ready(function() {
    $(".job-tile-result-container").prepend('<span id="total-results"></span>');
    var z_string = document.getElementById("tile-search-results-label").innerHTML;
    var z_results = z_string.match(/\d+(?=[A-Za-z\s]*$)/);
    console.log (z_results);
    document.getElementById("total-results").innerHTML = (z_results);
});

https://jsfiddle.net/r4fd9xcp/5/

如何识别字符串中的特定数字，并使用该数字创建和填充另一个跨度？

How can I identify specific numbers in string, and create and populate another span with this number?

regex

jquery