jQuery로 HTML 작성

Question

jQuery를 처음 사용합니다. jQuery를 사용하여 다음 HTML (클래스와 함께)을 작성하고 싶습니다. 어떻게해야합니까?

<div class="phnbr"> 
    <div class="phtext">hi how are you, <a target="_blank" href="http://www.xyz.com">click here.</a> 
    </div> 
</div> 

Answer 1

$('<div class="phnbr"> \ 
    <div class="phtext">hi how are you, <a target="_blank" href="http://www.xyz.com">click here.</a> \ 
    </div> \ 
</div>'); // bang done! 

Answer 2

그럼 당신은 사용할 수 있습니다 append() 또는 다른 DOM Insertion Functions

$(document.body).append('<div class="phnbr"><div class="phtext">hi how are you, <a target="_blank" href="http://www.xyz.com">click here.</a></div></div>'); 

Answer 3

$('<div>').addClass('phnbr').append($('<div>').addClass('phtext').append('hi how are you, ').append($('<a>').attr({ target: '_blank', href: 'http://www.xyc.com'}).text('click here.')));