Метод Jquery для возврата текста как узла

Question

Я работаю над блогами, и я хотел бы использовать эффекты jquery, чтобы сделать проверенный пост исчезнуть из текстового поля, а затем заставить его отображаться над текстовым полем в потоке сообщений, например :

//html 

... 
<textarea id="textarea"></textarea> 
... 

<div class="invisible"> 
<div id="targetting"></div> 
<div> 
//script 

$('#my-btn').click(function() { 
    var comment = $('#textarea').val(); 
    $('.targetting:last').text(comment); 

    var m = {$id}; 
    var data = { 
      comment: $('#propo-textarea-spec').val(), 
      m: {$id} 
     }; 

     $.post('index.php?',data,function(callback_data){ 

     var content = $('div.my-btn').html(); 
     $('div .comments').append(content); 


     var textarea=$('#textarea').val(); 
     $('textarea').fadeOut(1000,function(){ 
      $('.my-effect').fadeIn(800); 
      $('.my-effect:last').css("display","none"); 

     }); 


    }); 
    }); 

Но эффект постепенного исчезновения полностью исключает мою текстовую область (что логично). Я пробовал .text(), и это не сработало. Мой вопрос таков: какой метод jquery возвращает сообщение textarea как узел?

Answer 1

var content = $('#textarea').val(); 
$('#textarea').parent().append('<span class="blahnode">').html(content); 

будет делать то, что вы хотите, если я правильно вас понимаю.