jQuery: modificare la struttura delle immagini orfane

Con jQuery possiamo modificare la struttura delle immagini orfane.

Vogliamo trasformare questa struttura:

<img src="image.jpg" alt="Test">

in questa:

<figure>
    <img src="image.jpg" alt="Test">
    <figcaption>Test</figcaption>
</figure>    

La soluzione è la seguente:

$( "img", "#post" ).each(function() {
    var $img = $( this );
    if( !$img.parent().is( "figure" ) ) {
        $img.after( '<figcaption>' + $img.attr( "alt" ) + '</figcaption>' );
        $img.add( $img.next() ).wrapAll( '<figure></figure>' );
    }    
});