jQuery `$().prepend();` 没有显示答案

【问题标题】：jQuery `$().prepend();` not showingjQuery `$().prepend();` 没有显示
【发布时间】：2013-08-29 22:48:10
【问题描述】：

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>

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

编辑

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

【问题讨论】：

【解决方案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);
    });
});

【讨论】：