3 
<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

2 つの単語の間でテキストを変更するにはどうすればよいですか? この例では、変更ボタンをクリックすると、テキスト フォームの入力によって First と Second の間のテキストが置き換えられます。たとえば、入力は「my new text」で、クリック後はdivにある必要があります：

最初に私の新しいテキスト 2 番目

他のサーバーから div を受け取り、html を変更できないため、javascript - jquery のみを使用する必要があります。

申し訳ありませんが、質問を編集しました。これには他のdivがあります。

4

5 に答える 5

4

プレフィックスとサフィックスを保存しないのはなぜですか?

$('#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);
于 2013-07-03T08:52:00.967 に答える
1

これを試して

http://jsfiddle.net/xHucz/16/

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

  $('#here').html(html.replace(/(to change)/, text)); 
})
于 2013-07-03T08:52:14.560 に答える
1

できるよ

$('#here').html("First "+ $('#text').val()+ "Second ");
于 2013-07-03T08:53:00.250 に答える
0

このようにしてみてください

var text = $('#text').val();
$("#here").text($('#here').text().replace("to change", text));

フィドル

于 2013-07-03T08:59:14.823 に答える