Replacing inner div content?

Question

I'd like to replace the following inner div content:

<div class="price"><span class="unit">$</span>37</div>

with this:

<del>$37</del> $19

The $37 gets striked through and the new price is displayed next to it. The above <div> is generated dynamically.

I have tried the following but it isn't doing anything:

$( "div.price" ).replaceWith("<del>$37</del> $19");

I'm trying this in jquery but is there a way to do it in angular? I guess the issue with angular is that I can't add directives to the above code.

Answer 1

run the code on document ready

// Code goes here
$(function(){
$( "div.price" ).html("<del>$37</del> $19") 
});