Answer: replaceWith(content) method literally replaces the original element along with it's contents .
e.g.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#btn1').click(function(){
$('#myspan').replaceWith('This is a <i>italic text</i>.This is another <i>italic text</i>.');
});
});
</script>
</head>
<body>
<button id="btn1">Exampleof replaceWith(Content)</button>
<span id="myspan">This is a <b>bold text</b>.This is another <b>bold text</b>.</span>
</body>
</html>
When we click on the "Exampleof replaceWith(Content)" button , the output becomes
This is a <i>italic text</i>.This is another <i>italic text</i>.
This indicates that the original span tag along with it's contents has been replaced.
Asked In: Many Interviews |
Alert Moderator