$("p").click(function(){
$(".Part1 p").html("some new text that will replace what <br /> was in the paragraph. <p> and a paragraph </p>");
});
Edit: added ); to the end for clarity.
When I try to put html tags in my strings it either doesn't show up at all as is the case of <br /> or it breaks the script and I get an error as is the case of </p>
How can I added html tags to strings so that I can have my text formatted the way I want but still make dynamic changes?
The <br /> shouldn't be a problem, but a <p> element cannot be a child of another <p> element, so you are trying to construct an invalid DOM (and so errors are to be expected).
Works for me : http://jsfiddle.net/D6XCv/
But maybe you forgot to close the ")" for the click() event :
$("p").click(function() {
$(".Part1 p").html("some new text that will replace what <br /> was in the paragraph. <p> and a paragraph </p>");
}); // <== this ")" !
When I tested this in a browser, I needed to append a trailing );
$("p").click(function(){
$(this).html("some new text that will replace what <br /> was in the paragraph.
<p> and a paragraph </p>");
});
I'm using TextWrangler and when in the string it gets to '<script>
The sequence </ will end the parsing of a script element under SGML (and thus HTML 4) rules (although it isn't respected so much by many browsers).
Either:
src it or<\/