Question

Is there an issue with replacing the contents of a <span in jQuery.

I have this;

<span class='DimensionList'>
  some html
</span>

and

$('.DimensionList').html("<b>This is the new html</b>");

What I’m finding is that in FF the contents of the span are being added to. So the new HTML sits above the old.

In IE6, yes I have to cater for it, it’s doing much the same.

EDIT

I have edited the question to show that there is html in the replacement html

Answer 1

Since there’s no markup in your replacement text, use text() instead of html():

$('.DimensionList').text("This is the new html");