php - 如何更改两个单词之间的文本？

Question

<input type="text" id="text">
<input type="button" value="change" id="change">    

<div id="here">
   First to change Second    
    <div class="additional">__RANDOM DATA FROM DATABASE__</div>
</div>

$('#change').click(function(){
   var text = $('#text').val();

   $('#here').html(); 
})

jsfiddle

如何在两个词之间更改文本？在此示例中，如果我单击更改按钮，则文本表单输入应替换 First 和 Second 之间的文本。 例如输入是:“我的新文本”然后点击后应该在 div 中:

首先是我的新文本其次

我必须只使用 javascript - jquery，因为我从其他服务器接收 div，我不能修改 html。

---

抱歉 - 我编辑了我的问题。这有其他的 div。

Answer 1

为什么不存储前缀和后缀？

$('#change').click(function(){
  var prefix = "First ";
  var suffix = " Second";
  var text = $('#text').val();

  $('#here').html(prefix + text + suffix); 
})

在您的编辑之后。恐怕那时正则表达式就是这种情况。例如:

var oldHtml = $("#here").html();
var newHtml = oldHtml.replace(/First\b(.*)\bSecond/, "First " + text + " Second");
$("#here").html(newHtml);