Jquery - поместить текст в родительском DIV с классом

Question

Я использую

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

Это бросает текст я помещал в поле формы в к сНу #containment. Я хотел бы поместить значение поля формы в div сдерживания, но также иметь его завернутым в div с именем класса, чтобы я мог его стилизовать. Это возможно?

Кроме того, пользователь вставляет текст через поле формы, и он попадает в этот div, как я могу удалить эту строку текста, если пользователь хочет начать все заново?

Answer 1

Эти две функции должен делать то, что вы ищете. Просто привяжите 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(): 
} 

Answer 2

вы можете сделать это:

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

, который оборачивает значение в DIV с классом «новый» и удалить значение текстовой, просто сделать это:

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