I am new to jQuery. I want to write the following HTML (along with the classes) using jQuery. How can I do this?
<div class="phnbr">
<div class="phtext">hi how are you, <a target="_blank" href="http://www.xyz.com">click here.</a>
</div>
</div>
-
Why do you want to do this in jQuery?Pekka– Pekka2011-04-08 09:20:56 +00:00Commented Apr 8, 2011 at 9:20
Add a comment
|
3 Answers
$('<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.')));
Comments
$('<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!
3 Comments
NKCSS
Not the best way to represent jQuery imho ;)
sv_in
@NKCSS, This one would be faster that your solution. Moreover, no need of long chained statements. Moreover, shows the power of JQuery to a beginner. etc etc
Magnus Bull
I like this answer as it is quite readable how the HTML structure is. Creating objects for each tag and using
append and appendTo is already confusing with 5+ tags in my opinion.Well you can just use append() or the other 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>');
