jQueryネストDOMノード> 3レベル

Question

新しく作成されたDOMノードを3レベル深くネストしようとしています。

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

所望の出力：

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

Answer 1

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

上記コードの

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

結果：私は、次のコードを使用してい

Answer 2

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