Question

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?

Answer 1

$('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.    });