Javascript jQuery`$().prepend();`不显示

Javascript jQuery`$().prepend();`不显示,javascript,jquery,html,prepend,Javascript,Jquery,Html,Prepend,这是小提琴 我试图通过获取的值并将其作为div进行预处理来创建一个注释系统。JS当前为: $(document).ready(function(){ $('#b').click(function(){ var v = $('#type').val(); $('div').prepend(v); }); }); 但是由于某些原因,这段代码没有显示带前缀的var 编辑 我已经更新为有div,但已经尝试过了。它没有出现 我添加了一个id='div1'的

这是小提琴

我试图通过获取的值并将其作为div进行预处理来创建一个注释系统。JS当前为:

$(document).ready(function(){
    $('#b').click(function(){
        var v = $('#type').val();
        $('div').prepend(v);
    });
});
但是由于某些原因,这段代码没有显示带前缀的var

编辑

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

我添加了一个id='div1'的div,因为您试图将其前置到未定义的div

还使用color:white设置了div的样式,以便您可以看到文本:

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


你的div在哪里?这里是working fiddle@FaceOfJock这个fiddle对我不起作用。它起作用了,请投票确认它起作用检查你的开发者控制台,你有2个事件处理程序连接到bahhh。现在他们在为我工作。
 <h1>Comments</h1>
 <textarea id='type'></textarea>
 <br />
 <br />
 <button id='b' >Submit</button>
 <div id='div1'></div>
#div1 {
   color:white;
 }
$(document).ready(function () {
    $('#b').click(function(){
        var v = $('#type').val();
        $("#div1").prepend(v);
    });
});