Javascript 创建嵌套HTML结构

在jQuery中创建HTML结构的最佳方法是什么。 下面是我尝试过的两个示例，但我正在寻找最快/最好的渲染方法

jQuery数组结构示例

var结构=[
'',
'',
'',
'',
'',
'',
''）。加入（''）；
$（“正文”）。附加（结构）；

jQuery直接附加示例

$（“正文”）.append（//->
'' +
'' +
'' +
'' +
'' +
'' +
''
//
$（“正文”）.append（//->
'' +
'' +
'' +
'' +
'' +
'' +
''
//如果我理解正确，您希望“转换”HTML（DOM）进入给定的JSON结构。对吗？您当前的代码有什么问题？我使用的是定义为的结构。它非常简洁。这与此有什么关系？它看起来像纯JavaScript和HTML。@ComFreek-是的，这正是我要做的！很久以前使用过的…出于某种原因，我不喜欢这种方法。请注意您使用的是对象文本，而不是JSON。
var struct = [
  '<div class="daBox-outer">',
    '<div class="daBox-inner">',
      '<div class="daBox-top" />',
      '<div class="daBox-bottom" />',
    '</div>',
    '<div class="daBox-overlay" />',
  '</div>'].join('');

$("body").append(struct);

$("body").append(//->
  '<div class="daBox-outer">' +
    '<div class="daBox-inner">' +
      '<div class="daBox-top" />' +
      '<div class="daBox-bottom" />' +
    '</div>' +
    '<div class="daBox-overlay" />' +
  '</div>'
//<-
);

$("body").append(//->
  '<div class="daBox-outer">' +
    '<div class="daBox-inner">' +
      '<div class="daBox-top" />' +
      '<div class="daBox-bottom" />' +
    '</div>' +
    '<div class="daBox-overlay" />' +
  '</div>'
//<-
);

var jsonData = {
  html: '<div class="daBox-outer">...</div>'
};
$(document.body).append(jsonData.html);