Stripping out a link in jQuery

javascript, jquery

Solution

$("a > img").parent()   // match all <a><img></a>, select <a> parents
   .each( function()    // for each link
   { 
      $(this).replaceWith(              // replace the <a>
         $(this).children().remove() ); // with its detached children.
   });

Problem

I have a bit of html like so: ``` <a href="#somthing" id="a1"><img src="something" /></a> <a href="#somthing" id="a2"><img src="something" /></a> ``` I need to strip off the links so I'm just left with a couple of image tags. What would be the most efficient way to do this with jQuery?

Original source