jQuery嵌套DOM节点＆gt; 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 />')));