jquery - Jquery - 将文本放在带有类的父 div 中

Question

我在用

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

这是将我在表单字段中输入的文本扔到 div #containment 中。我想将表单字段的值放入包含 div 中，但也将其包装在具有类名的 div 中，以便我可以设置它的样式。这可能吗？

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

Answer 1

你可以这样做 ：

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

将值包装在具有“new”类的 div 中并删除 textarea 值，只需执行以下操作：

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

Answer 2

这两个功能应该可以满足您的需求。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():
}