Как решить проблему с кавычками?

Question

[rinaz22]

Всем привет! Есть JS код, который меняет html код. Проблема в том, что там несколько кавычек.
Вот html код:

<input id="button" type="button" onclick="post('name');">

Вот JS код:

jQuery("#button").text('<input id="button" type="button" onclick="post('name');">');

Проблема возникает в onclick="post('name');"
Если поставить Двойные, то ошибка в HTML, если одинарные, то в JS

Comments

[Dima Polos]

Вообще лучше сделать appendChild, по идее.

[Stalker_RED]

Dima Polos, кому лучше? Чем лучше?

Answer 1

[Stalker_RED]

Самое время научиться в экранирование.
Ну и неплохо бы почитать чем .text() отличается от .html()

Answer 2

[Сергей]

В чем проблема заюзать ES6?

jQuery("#button").html(`<input id="button" type="button" onclick="post('name');">`);

Comments

[rinaz22]

а такие ` работает?

[Сергей]

да, https://developer.mozilla.org/ru/docs/Web/JavaScri...

Answer 3

[Константин]

jQuery("#button").html('<input id="button" type="button" onclick="post(\'name\');">');

"лишние" кавычки можно экранировать, поставив перед ними обратный слеш "\"

Ну и тут лучше использовать .html() вместо .text()