Jquery click append function chat

Question

Я пишу функцию щелчка для смайликов в чате. Когда я нажму на него, он будет добавлен в мое текстовое поле. из текстового поля я хочу отправить его в чат.

JQuery, что я написать:

$(".emoticon i").click(function() { 
    var e = $(this); 
    // $(".message").append ($(this).data('emoticon')); 
    console.log($(this).data('emoticon')); 
    $("#message").append() .attr(value('emoticon i')); 

});

<div class="emoji hidden"> 
<div class="emoticon-box"> 
<div class="emoticons"> 
    <div class="emoticon"> 

     <div class="row"> 
     <i class="em em-smiley"></i> 
     <i class="em em-smile"></i> 
     <i class="em em-blush"></i> 
     <i class="em em-relieved"></i> 
     <i class="em em-kissing_closed_eyes"></i> 
     <i class="em em-neutral_face"></i> 
     <i class="em em-sleeping"></i> 
     <i class="em em-flushed"></i> 
     </div>`enter code here` 

Html моей texarea.

<input id="message" type="text" placeholder="Type your message"></input> 

Answer 1

Я не полностью понял ваш вопрос. Но я думаю, вы хотите добавить смайлик после текста в textarea. Если это так, попробуйте выполнить следующий код:

$(".emoticon i").click(function() { 
var e = $(this); 
var emoticon = $(this).data('emoticon'); 
var text = $(".message").text(); 
var new_message = text+emoticon; 
    console.log($(this).data('emoticon')); 

});