Переместить объект при клике на него

285
02 февраля 2020, 19:10
<div class="emoji-chat">
     <i class="em em---1"></i>
</div>
<script>
    $('.emoji-chat i').click(function() {
         $('#text').append(' '+this+' ');
    });
</script>

В объект <div id="text"></div> добавляется не элемент, на который кликнули, а [object HTMLElement]. В чём может быть проблема?

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>

READ ALSO
Медиа плеер с выбором стримера
HTML

Медиа плеер с выбором стримера

Чуть ниже представлена картинка на примере которой я буду объяснять что я хочу и хочу услышать ваши советы по тому как это можно реализовать

 239
Переадресация с поддомена на домен
HTML

Переадресация с поддомена на домен

Подскажите, как лучше реализовать такую затеюЯ создаю поддомены своего домена, чтобы когда заходят на определенный (их будет несколько) поддомен,...

 232
Горизонтальный скролл и вертикальный Fullpage.js?
HTML

Горизонтальный скролл и вертикальный Fullpage.js?

У меня лендинг на 5 экранов, первые 3 экрана горизонтально скролятся, остальные вертикальноЕсть скрипт скролла

 222
Выпадающее меню исчезает при наведении
HTML

Выпадающее меню исчезает при наведении

Подкажите как решить проблему

 309