用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.')));