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 />')));