javascript - jQuery `$().prepend();` 没有显示

Question

这是小提琴。

我正在尝试通过获取的值<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>

但由于某种原因，这段代码没有显示前面的 var。

编辑

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

Answer 1

在这里演示

我添加了一个 div ，id='div1'因为您尝试将undefined div.

还为您的 div 设置样式，color:white以便您可以看到文本：

 <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);
    });
});