Jquery-将文本放入具有类的父div中

我正在使用

function example_append() {
  $('#containment').append($('#example-textarea').val());
}

这是将我在表单字段中输入的文本放入div#containment。我想将form字段的值放入containment div中，但也要将其包装在一个带有类名的div中，以便对其进行样式设置。这可能吗

此外，用户通过表单字段插入文本并将其抛出到该div中，如果用户希望重新开始，我如何删除该文本字符串？

您可以这样做：

var div = $('#example-textarea').val();
$('#containment').append(div.wrap('<div class="new" />'));

$('#example-textarea').val('')

---

这两个函数应该满足您的需要。只需将

reset_text

绑定到按钮或单击文本即可

编辑添加了用于清除文本的事件绑定

function example_append() {
   $('#containment').append(
      $('<div />').addClass('className').text($('#example-textarea').val())
   );
}

$(document).ready( function() {
   $('#example_button').on('click', reset_text );
});

function reset_text() {
   $('#example-textarea').val('');
   $('.className').remove():
}

函数示例_append（）{
$（“#包含”）。追加(
$（''）.addClass（'className'）.text（$（'#示例textarea'）.val（））
);
}
$（文档）.ready（函数（）{
$（“#示例#按钮”）。打开（'单击'，重置#文本）；
});
函数重置_text（）{
$（'#示例textarea'）.val（''）；
$（'.className'）.remove（）：
}

我在尝试无效的标签[Break On this error]$（'.user text'）时遇到此错误。remove（）：demo.html（第107行，第26列）我看到了问题所在，现在它使用冒号而不是断开键。非常感谢你的帮助！！你知道为什么我会得到这个错误，即使我改变了冒号？remove_text未定义函数名为reset_text（），您是否更改了第二个函数的名称？这将其从表单字段中删除，但我需要一些东西来删除第一个函数中插入的div。我尝试更改为类，但什么也没发生$（'.user text'）.val（''）