jQuery`$（）。prepend（）;`不顯示

Question

Here是小提琴。

我想通過獲取<textarea id='type'></textarea>的值並將其作爲div預先設置爲製作評論系統。該JS目前：

$(document).ready(function(){ 
    $('#b').click(function(){ 
     var v = $('#type').val(); 
     $('div').prepend(v); 
    }); 
}); 

---

<h1>Comments</h1> 

<textarea id='type'></textarea> 
<br /> 
<br /> 
<button id='b' onclick='comment()'>Submit</button> 

但出於某種原因這個代碼不顯示預謀變種。

編輯

我已經更新到有格但此前已經嘗試過了。它沒有出現。

Answer 1

DEMO HERE

我添加一個div id='div1'，因爲你嘗試，預先準備undefineddiv。

還與color:white風格的DIV，這樣就可以看到文本：

<h1>Comments</h1> 
<textarea id='type'></textarea> 
<br /> 
<br /> 
<button id='b' >Submit</button> 
<div id='div1'></div> 

和CSS：

#div1 { 
    color:white; 
} 

jQuery代碼：

$(document).ready(function() { 
    $('#b').click(function(){ 
     var v = $('#type').val(); 
     $("#div1").prepend(v); 
    }); 
});