如何使用javaScript在单击时从HTML文档中替换2个常数之间的变量成为可能

Question

我有这种情况，在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个项目的数组一样，其中第二个项目是要更改的项目，但是我再次不确定如何定义此数字。问题是变量将在文本的两个部分之间永远不会改变，所以我想我在正确的道路上。文本在文本框中，如果很重要，但是使用这种方法，我想不是。数组插入可以工作，但不确定是否可以将变量插入一个位置以及如何定义数组项是从该HTML元素中的。任何帮助都赞赏。谢谢！

Answer 1

我解决了这一点：

jQuery

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

这里是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>

我要寻找的字符串在a *和a）之间，因此，我想从命名emplation输入的元素ID接收值的输入。现在我有另一个问题。正如我所期望的那样，这只能起作用一次，但是一旦单击了带有元素ID的应用按钮，就会从输入字段中消失。我如何在每次点击上都可以使其在输入中的当前值中使用，而不会使该值从输入字段中消失？答案中的问题...好一个。