Напишите HTML-тег внутри текста Javascript

У меня есть функция Javascript, которая печатает «нравится» и «не нравится» следующим образом:

 $(".liketoggle").click(function () {
     $(this).text(function(i, v){
         return v === 'Like' ? 'Unlike' : 'Like'
     })
 });

У меня есть тег HTML, который показывает сердце в теге как:

<i class = "fas fa-heart"></i>

Как я могу показать значок сердца рядом с кнопкой «Нравится/не нравится». Это HTML до сих пор:

<button type = "submit" 
        class = "btn btn-custom btn-sm liketoggle" 
        name  = "like">Like
</button>
<i class = "fas fa-heart"></i>

Как я могу написать JS, чтобы включить его при переключении?

Аналогичная функция здесь: http://jsfiddle.net/dFZyv/, но та же проблема

Вы спрашиваете, как показать/скрыть фа-сердце при нажатии кнопки?

Chris G 11.03.2019 23:30

мой вопрос состоит в том, чтобы сохранить значок при нажатии рядом с текстом «нравится / не нравится» @ChrisG

Jawad Sleiman 11.03.2019 23:32

Вот: jsfiddle.net/khrismuc/apbknwgf

Chris G 11.03.2019 23:36

@JawadSleiman Зачем показывать один и тот же значок для двух разных штатов? Возможно, вы могли бы показать белое сердце (только со сплошным контуром) вместо заполненного сердца или чего-то подобного и переключаться между ними?

Rachel Gallen 12.03.2019 00:30

Изменено: jsfiddle.net/khrismuc/apbknwgf/12

Chris G 12.03.2019 08:44
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
96
0

Другие вопросы по теме