如何在单击时用JavaScript替换HTML文档中两个常量之间的变量？

在这种情况下，在html页面上，我有一个输入，我必须能够用输入中的值替换两个常量之间的值。我将如何使用JavaScipt实现这一点？我考虑过使用正则表达式，但不确定如何定义这两个常量。也许像

var1 = textpart1;
var2 = textpart2;

那也许吧

$("#buttonelementID").click(function() {
    $("body").children().each(function() {
        $(this).html($(this).html().replace(/varX/g,"VALUE_FROM_INPUT"));
    });
});

但这将是一个常规的替代品。变量的旧值更改后，脚本将无法再次更改它，因为脚本无法找到变量的新值，因为它已更改为其他值。如何为脚本定义什么是varX以及输入的值？我对这件事有点不知所措。也许这就是它实际工作的方式。比如定义3个项目的数组，其中第2个项目是要更改的，但是我不确定如何定义它。问题是变量将在文本的两部分之间，永远不会改变，所以我想我在这方面走的是正确的道路。文本在文本框中，如果这很重要的话，但是用这种方法，我想不是。数组插入可以工作，但不确定是否可以在某个位置插入变量，以及如何定义数组项来自该html元素。谢谢你的帮助。谢谢

我通过以下方式解决了这个问题：

jQuery

$("#apply").click(function() {
    $("body").children().each(function() {
        $(this).html($(this).html().replace(/(?<=\*).*?(?=\))/g,$("#cap").val()));
    });
}); 

$（“#应用”）。单击（函数（）{
$（“body”）.children（）.each（function（））{
$（this.html（$（this.html（））替换（/（？）？
<div id="capping" class="panel-collapse collapse">
    <ul class="list-group">
        <li class="list-group-item">
            <label class="trackings">Hours:</label> <input type="number" min="1" class="select-selected" id="cap" name="cap" size="1" maxlength="3"> 
        </li>
    </ul>
        <button id="apply" type="submit" class="btn btn-primary">
        Apply
        </button>
</div>