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>

但由于某种原因，此代码未显示前置变量。

修改

我已经更新了div但已经尝试过了。它没有出现。

Answer 1

DEMO HERE

我添加了一个包含id='div1'的div，因为您尝试添加到undefined div。

还使用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);
    });
});