I have a String variable say
strHTML = "<div class='abc'> This is a test <span class='xyz'> String </span> </div> "
that i m receiving from server. When I use
$('#container').append(strHTML);
it is displaying the whole string including HTML tag in "container".
What i want is to take each HTML tag as HTML element in "Container" & apply class whever i defined in it..
Split your string and change them into DOM Object. Then you can manipulate them as you want.
var abcDiv = $("<div></div>");
abcDiv.attr('class', 'abc'); // add class
var xyzSpan= $("<span></span>");
xyzSpan.attr('class', 'xyz'); //add class
abcDiv.append("This is a test"); //Add the text
abcDiv.append(xyzSpan); //Add the span
$('#container').append(abcDiv); //insert the div
I did this working... Actually, what i did is..
var strHTML = "<div class='abc'> This is a test <span class='xyz'> String </span> </div> ";
$("#container").html(strHTML);
Thankx to all for helping me..
Try
$('#container').append($(strHTML));
You are using single quotes for the class attribute. This is incorrect.
You need to do it this way:
$(document).ready(function(){
var strhtml = '<div class="abc"> This is a test <span class="xyz"> String </span> </div>';
$('#container').append(strhtml);
});
Note the difference in strhtml. I used single quotes to wrap the entire string, while using double quotes for the value of the class attributes.
There is nothing wrong with your code. Are you sure the string really comes formatted like that from the server? Or have the < > characters perhaps been substituted for < and >?
