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

Posted 2023-04-13

【中文标题】jQuery `$().prepend();` 没有显示

【英文标题】：jQuery `$().prepend();` not showing

【发布时间】：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 但已经尝试过了。它没有出现。

【问题讨论】：

你的 div 在哪里？这是工作小提琴jsfiddle.net/charaf11/wsxMj

@FaceOfJock 这个小提琴对我不起作用。

它正在工作，请对此评论投票以确认它正在工作

检查您的开发者控制台，您有 2 个事件处理程序附加到“b”

啊啊啊。现在他们正在为我工​​作。

【参考方案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);
    );
);