<div class="emoji-chat"> <i class="em em---1"></i> </div> <script> $('.emoji-chat i').click(function() { $('#text').append(' '+this+' '); }); </script> 

In the <div id="text"></div> object, it is not the item that was clicked, but [object HTMLElement] is added . What could be the problem?

    1 answer 1

     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="emoji-chat"> <i class="em em---1">test</i> </div> <div id="text"></div> <script> $('.emoji-chat i').click(function() { $('#text').append($(this).clone()); }); </script>