Как добавить переменные Js

Question

Так что я знаю, что этот вопрос можно было задавать много раз, но я еще не нашел правильного ответа.Часть кода, которую я пытаюсь реализовать в своем коде, выглядит так:

$('.alert-success').append($('<div/>', { id: element.region, 'class' : 'ansbox'}))

Как поместить содержимое, включая переменные js, в div?

Answer 1

Вы можете просто создать строку элемента и добавить ее к любому элементу

var eleStr = "<div id='"+ element.region +"' class='ansbox'><h1>This is a test</h1></div>";

    $('.alert-success').append(eleStr);

Answer 2

Есть два способа сделать это следующим образом:

1) Объединение

2) Литералы шаблонов (ES6)

Итак, шаблонные литералы - это новая введенная в EcmaScript 6 (ES6) новая функция, которая является наиболее простым и понятным методом.При использовании конкатенации вы должны следить за множеством цитат.Используя метод Template Literals, вам не нужно следить за одинарными и двойными кавычками.Вам просто нужно правильно написать переменные.

Если вы хотите добавить div, попробуйте следующее:

$('div').append(`<a href="${element.id}">region</a> <h2>${element.home_town}</h2>`);

ПРИМЕЧАНИЕ: Заменить всеваши переменные с вышеуказанным синтаксисом как ${your_variable_here}