Jquery klicken append Funktion Chat

Question

Ich schreibe eine Klick-Funktion für Emoticons in einem Chat. Wenn ich darauf klicke, wird es an meinen Textbereich angehängt. Aus dem Textfeld möchte ich es zum Chat senden.

die jquery, was ich schreiben:

$(".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 meiner texarea.

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

Answer 1

Ich habe Ihre Frage nicht vollständig verstanden. Aber ich denke, Sie möchten Emoticon nach dem Text in Textarea hinzufügen. Wenn dies der Fall ist, versuchen Sie folgenden Code:

$(".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')); 

});