jquery - 如何在文本区域中将输入的文本显示为单个 div

Question

当我附加多个 div 和一个 textarea 时，当我在 textarea 中输入文本时，文本会显示单个 div。

当我在一个 div 中键入“demo”显示演示时，然后在 textarea 中输入另一个文本，如“Example”显示第二个 div。

html

<textarea class="speechttxt" rows="3" cols="4" style="height: 75px;width: 267px; background: inherit; border: 1px solid #999; white-space: pre-wrap; resize: none; margin-bottom: 6px; padding-right: 0;"></textarea>

Javascript

var speech = '<div id="speechID" class="SpeechBubble"><div  class="txtspeech" id="lbl' + (c++) + '"></div></div>';
$('#video_container').append(speech);
$('.speechttxt').keyup(function () {
  var txt = $(this).val();
  $('.txtspeech').html(txt);
});

它可以工作，但是当我附加第二个 div 时，在 textarea 中输入的文本会显示在第二个 div 中。

Answer 1

第二个 div 发生了变化，因为两个 div 都有txtspeech类，所以这一行$('.txtspeech').html(txt)针对两个 div。

示例中不清楚您何时创建第二个 div。