Question

Is there any way to remove the pre tags which covered numeric using Jquery?

For example, I have the following content :

<pre>1000</pre>

I need to remove the PRE tags using Jquery..

How can i do that?

Thanks in advance…

Answer 1

(Note, David Thomas provides a good example of how to use .unwrap() with firstchild.)

There’s .unwrap():

$("pre").wrapInner('<div>').find('div').unwrap();

http://jsfiddle.net/c4j77/

You could also do this:

$("pre").parent().each(function(){
    $(this).text($(this).text());
});

http://jsfiddle.net/c4j77/1/