Use Javascript To Dynamically Replace Html Tags With More Complicated Code
I was wondering whether there is a good way of attaining the following: I select a HTML class, marked with a certain CSS class (say My content
Solution 1:
If you want to repalce the HTML rather than the text content, you can always use the replaceWith()
function:
var newContnet = '<h1>My Title</h2> My con<imgsrc="myimage.jpg">en<imgsrc="myimage.jpg">';
$( ".myClass" ).replaceWith(newContent);
And here is a super-simple example:
<html><head><scriptsrc="http://code.jquery.com/jquery-1.10.1.min.js"></script><scripttype="text/javascript">
$(document).ready(function(){
var newContnet = '<h1>My Title</h2> My con<img src="myimage.jpg">en<img src="myimage.jpg">';
$(".myClass").replaceWith(newContnet);
});
</script></head><body><spanclass="myclass"data-image="myimage.jpg"data-title="My Title">My content</span></body></html>
Post a Comment for "Use Javascript To Dynamically Replace Html Tags With More Complicated Code"