Добавить HTML с тройными кавычками в атрибуте

Я хочу создать строку HTML, прежде чем добавлять ее к элементу. Вот строка:

var html = '<tr><td data-value = "' + someValue + '"></td></tr>';
$(el).append(html);

Значение в someValue равно 24". В нем есть ".

Когда HTML добавляется, элемент неправильный. По-видимому, добавление "24"" заставляет элемент распознавать только "24", и в конце есть один свободный ". Как я могу это сделать?

Я попытался заменить:

(someValue.indexOf('"') > 0 ? someValue.replace('"','\"') : someValue)

Но все равно ошибка сохраняется.

Вы можете либо использовать методы jQuery, чтобы добавить значение, так как они будут экранировать его для вас, например, attr() или data(), либо вы можете вручную закодировать его в HTML: stackoverflow.com/a/1219983/519413

— 15.03.2019 09:55

Возможный дубликат Заполните поле ввода строкой, содержащей двойную кавычку

— 15.03.2019 10:10

javascript jquery html

15.03.2019 09:50

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 2

Используйте методы DOM (или их абстракции jQuery) вместо того, чтобы пытаться смешивать строки в действительный HTML.

var tr = $("<tr />);
var td = $("<td />)
    .attr("data-value', someValue);
tr.append(td);
$(el).append(tr);

По какой-то причине это не может быть применено к моему решению. Я думал об этом.

— 15.03.2019 09:56

15.03.2019 09:53

Итак, согласно комментарию Квентина. Это работает:

(someValue.indexOf('"') > 0 ? someValue.replace('"','&quot;') : someValue)

Спасибо!

15.03.2019 09:59

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

Переход на страницу выхода из системы при закрытии и триггер события обновления

Попытка заставить выбранный атрибут работать

Параметр выбора Django остается после того, как в шаблоне появится сообщение об ошибке, если я изменю параметр в выборе

Jquery не загружается при обычном обновлении

Сдвигайте меню в мобильном представлении по клику

Инициировать событие клика с другой целью

Table.ajax не является функцией в datatable

Получить страницу с помощью jQuery и извлечь все ссылки с определенным классом

Функция OnClick — Uncaught SyntaxError: недопустимый или неожиданный токен

Как перенаправить нижнюю часть тега div, который находится на другой странице?

Добавить HTML с тройными кавычками в атрибуте

Ответы 2

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

Похожие вопросы