jquery点击追加功能聊天

Question

我正在写一个聊天表情图标的点击功能。当我点击它时，它会被附加到我的textarea。从textarea我想把它发送到聊天。

了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` 

我的texarea的Html。

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

}）;