如何在文本中顯示作爲單獨的div在文本區輸入

Question

當我追加多個div並且出現一個textarea時，當我在textarea中輸入文本時，文本顯示單個div。

當我在一個div中鍵入「demo」show demo時，另一個文本像「Example」一樣在textarea中輸入show second 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然後文本在第二個div textarea的顯示輸入。

Answer 1

第二個div發生變化，因爲兩個div都有txtspeech類，所以該行$('.txtspeech').html(txt)以兩個div爲目標。

樣本中不清楚您何時創建第二個div。