2011-04-08 15 views
6

Soy nuevo en jQuery. Quiero escribir el siguiente HTML (junto con las clases) usando jQuery. ¿Cómo puedo hacer esto?Escribir HTML con jQuery

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

¿Por qué quieres hacer esto en jQuery? –

Respuesta

7
$('<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! 
+5

No es la mejor manera de representar a jQuery; – NKCSS

+1

@NKCSS, esta sería más rápida que su solución. Además, no hay necesidad de declaraciones largas encadenadas. Además, muestra el poder de JQuery para un principiante. etcétera etcétera –

5

bien sólo puede utilizar append() u otro 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>'); 
16
$('<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.'))); 
Cuestiones relacionadas