jQuery 嵌套 DOM 节点 > 3 层深

Question

尝试将新创建的 DOM 节点嵌套 3 层深。我正在使用以下代码：

var dom = $('<div>').append('<a>').append('<span>');

上面代码的结果：

<div>
     <a></a>
     <span></span> 
</div>

所需的输出：

<div>
     <a>
          <span></span>
     </a>
</div>

Answer 1

var dom = $('<div>').append('<a><span>')

Answer 2

var dom = $('<div />')
              .append(
                  $('<a />')
                      .append(
                          $('<span />')));