Почему не применяются стили к элементу при ответе сервера через AJAX запрос?

Question

[maitre]

Тренируюсь в AJAX запросах в todo приложении. Суть приложения: поле для ввода сообщения и кнопка отправить, идет POST запрос на NODE сервер, там обрабатывается и возвращается ответ в виде вывода этого сообщения на этой же странице в тег p. Хочу сделать DELETE запрос, чтобы возле иконки сообщения была иконка "Х" - удалить сообщение. Добавил через ссылку, но не могу никак стилизовать этот "Х".

return "<p>" + message.text + " <a href=" + "#" + "class=" + "deleteMessage" + ">X</a></p>";

Подскажите, почему заданные в main.css стили не применяются к элементу?

.deleteMessage {
	text-decoration: none;
	color: #f00;
}

И хотел еще стилизовать этот "Х" через иконку font-awesome - иконка на страницу подключается, а в этот ответ с сервера никак. Почему так?

Answer 1

[leni_m]

+ "class=" + "deleteMessage" . Получается же class=deleteMessage, а не class="deleteMessage"

Comments

[maitre]

Точно, помогло. Спасибо!

[leni_m]

вот вам приходит Х. Нажмите по нему правой кнопкой -> Посмотреть код элемента и смотрите каким он у вас получился и какие стили к нему применяются тоже там написано.