jQuery正規表現で選択してリンクを置換する

Question

div内のすべての画像を見つけて、画像タグを他のコードに置き換えたいとします。これを置き換えますと

は

<div id='sd'> <img src="/images/panorami/53.jpg"> <img src="/images/panorami/other.jpg"> </div>

：

<div id='sd'> <a title="" rel="lightbox[images]" href="/images/panorami/53x.jpg"> <img src="/images/panorami/53.jpg"></a> <a title="" rel="lightbox[images]" href="/images/panorami/otherx.jpg"><img src="/images/panorami/other.jpg"></a> </div>

これはjQueryを使って行うことができますか？

Answer 1

$('#sd img').wrap(function() { 
    return $('<a />', { 
     title: '', 
     rel: 'lightbox[images]', 
     href: this.src 
    }); 
}); 

Demo。 @jensgramの回答に基づいて

Answer 2

が、問題になっているように変更されたリンクで：

$(function() { 
    $('#sd img').wrap(function() { 
     fixed_url = $(this).attr('src').replace(/(\.[a-zA-Z]+)$/, 'x$1'); 
     return $('<a />', { 
      title: '', 
      rel: 'lightbox[images]', 
      href: fixed_url 
     }); 
    }); 
}); 

例http://jsfiddle.net/sUsmA/1/