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" />'));

用div“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():
}

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

2 个答案: