How to unwrap element using jQuery 1.3.2

Question

<div class="photo">
 <a href="#"><img src="/media/image.jpg"></a>
</div>

Using unwrap() is awesome, but right now I have to unwrap the img above using an older version of jQuery, removing the link and retaining just the image inside of the div.

Answer 1

You can try setting html of div, also the closing / of img tag is missing.

Live Demo

$('.photo').html($('.photo a').html())

Answer 2

$('.photo a').replaceWith($('.photo a').html());

Working Example: Jsfiddle

Answer 3

If you want to place the contents along with the associated data/events etc then

$('.photo a').each(function(){
    $(this).after($(this).contents());
    $(this).remove()
})

Demo: Fiddle or this