Как перевести строку html кода на js в просто html?

Question

[Morerion]

Вообщем, я использую базу данных для создания чата, весь текст который кто либо писал у меня хранится так: (p class='uid') (text) (/p) это надо для того что бы в случае чего модератор мог забанить нарушителя, но для этого ему нужно знать uid, который есть в классе, вот мой код:
однако выводится так:

Comments

[Kostya Gorozhanov]

Что такое ref? и как он вставляется в html?

Answer 1

[Антон]

text = name + ': ' + text + '[@Admin]';
text += '<p class=""'> + text + '</p>';
$(text).addClass(userData.uid);
ref.push({text: text});

Что мы тут видим?

Есть такая строка (пример):
<p class="">Имя: Текст сообщения [@Admin]</p>

И к этой строке как-то должен добавится класс. Притом неизвестно как.

Это:
$(text).addClass(userData.uid);

Работать не будет. Это элементарщина в jQuery.

Вы понимаете что делаете следующее?

$('<p class="">Имя: Текст сообщения [@Admin]</p>').addClass(userData.uid);

Добавьте id:

text = name + ': ' + text + '[@Admin]';
text += '<p class=""' id="item' + userData.uid + '"> + text + '</p>';
$('#item' + userData.uid).addClass(userData.uid);
ref.push({text: text});

И вообще правильней так:

text = name + ': ' + text + '[@Admin]';
text += '<p class=""' id="item' + userData.uid + '"> + text + '</p>';
$('#item' + userData.uid).attr("data-user", userData.uid);
ref.push({text: text});

Comments

[Morerion]

Да, спасибо Антон, я понял свою проблему, однако мне выводится ошибка в консоль (Uncaught SyntaxError: Unexpected identifier) , спасибо вам за ответ, буду рад если поможете снова, ошибка этой строке: text += ' + text + '';

[Morerion]

text += '(p class=""' id="item' + userData.uid + '") + text + '(/p)';

[Антон]

Morerion: после второй скобки нету закрывающей одинарной кавычки.

[Антон]

Morerion: и в следующий раз оформляйте код, пожалуйста :) Глаза жалко же.

[Morerion]

Антон: Да, я знаю, наверное уже надоел но я не могу найти ее XD (Правильно закрыть)

[Антон]

Morerion: исправленный вариант:

text += '(p class=""' id="item' + userData.uid + '")' + text + '(/p)';

[Антон]

Morerion: ой, нет. У вас там еще одна ошибка.

[Антон]

Morerion: вот (вроде) все:

text += '(p class="" id="item' + userData.uid + '")' + text + '(/p)';

[Антон]

Morerion: видите как с подстветкой кода на тостере все легко ищется. Ваш редактор тоже так умеет.

[Morerion]

Антон: Да, я знаю, использую Atom, спасибо за ответ, весь день голову ломал XD