Создать элемент H1 в div jQuery

Question

Я хочу добавить элемент <h1></h1> в элемент div в HTML с jQuery. Как мне это сделать?

function show() {
  let text = "greetings"
  let divElem = document.getElementById("hello");
  divElem.innerHTML = '<h1>${text}</h1>'
}

<div id="hello"></div>
<button onclick="show()">show</button>

По сути, я хочу сделать элемент h1 в элементе div, который отображает строку, содержащуюся в текстовой переменной, «приветствия», как мне это сделать?

Answer 1

Вам нужно `вместо '?!

Также можете прочитать об этом по этой ссылке: Шаблонные литералы (Шаблонные строки) .

function show() {
  let text = "greetings"
  let divElem = document.getElementById("hello");
  divElem.innerHTML = `<h1>${text}</h1>`
}

<div id="hello"></div>
<button onclick="show()">show</button>

Answer 2

Вы можете использовать метод Jquery .html().

Также вы должны использовать обратные кавычки вместо кавычек. (`) для использования шаблонов внутри" строки ". Это называется литералами шаблона. Вы можете прочитать больше о них здесь

function show() {
  let text = "greetings"
  $( "#hello" ).html( `<h1>${text}</h1>` );
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="hello"></div>
<button onclick="show()">show</button>