在div之间放一个html元素

Question

我需要在H2 class productDescription;

之间添加div元素

我的代码：

$(document).ready(function() {
  $('.productDescription').append($('<h2>'));
  $('.productDescription').prepend($('</h2>'));
});

<div class="productDescription">Bota cano curto d</div>

我需要：

<div class="productDescription"><h2>Bota cano curto d </h2></div>

Answer 1

试试：

$('.productDescription').html("<h2>"+ $('.productDescription').html() +"</h2>");

Answer 2

var $h2 = $('<h2></h2>');
$h2.text('Whatever you want');
$('.productDescription').append($h2);

Answer 3

这段代码必须工作，它会附加一个新的h2标签，其中包含.productDescription div中的任何文字

$(document).ready(function() {
  $('.productDescription').append($('<h2>').html("Whatever"));
});