Как в атрибуте data (html) сохранять не только текст, но и теги html?

Question

[semki096]

Например если в дата есть тег - нет проблем. Но стоит добавить в тег класс - всё нарушается, подозреваю что проблема в кавычках, но их экранирование никак не помогает.

Comments

[Сергей Мурзин]

Прошу прощение, но зачем это надо?

Answer 1

[Егор Рублёв]

используйте разные виды кавычек " и '

Например:
'<div class="main"></div>'

Comments

[semki096]

Да но хочется понять причину такого поведения. Экранирование не помогает. Обрушение вызывают именно классы внутри тегов. Да с одинарными кавычками работает. Но почему не работает экранирование. Да и содержимое data формируется динамически из формы, не хотелось бы себя ограничивать.

[Александр Вульф]

semki096: если с разными кавычками работает, то значит, как-то не так экранируете.

Answer 2

[Анатолий]

Выше человек сказал правильно, ваши кавычки конфликтуют, либо вы их не экранируете, либо вы экранируете фукнцией которая игнорирует кавычки, вот пример в котором прекрасно работают теги с классом в дата аттрибуте.
https://jsfiddle.net/7zkbeczx/