帮忙把一段代码（利用正则表达式）替换成所需代码！急~

Question

请大家 帮忙 把 以下代码 （正则表达式）替换 成 所需代码：原代码：  <a href="http://www.baidu.com" class="temp" onclick="alert();">
<img src="1.jpg" alt="图片1" title="明星图片1">
   </a>   <a href="http://www.google.com">
<img src="2.gif" alt="图片2" title="明星图片2">
   </a>  <a name="picme" class="temp">
<img src="3.png" alt="图片3" title="明星图片3">
   </a> <img src="4.bmp" alt="图片4" title="明星图片4"> <img src="5.jpeg"> <img src="6.jpg" title="明星图片6">
所需替换后的代码为：<script type="text/javascript" src="./highslide.js"></script>
<div class="thumbwrapper">
<a href="1.jpg" class="highslide" onclick="return hs.expand(this, galleryOptions)">
<img src="1.jpg" alt="Highslide JS" title="点击放大图片"></a> <div class="highslide-caption">
&nbsp;
</div>
</div><div class="thumbwrapper">
<a href="2.gif" class="highslide" onclick="return hs.expand(this, galleryOptions)">
<img src="2.gif" alt="Highslide JS" title="点击放大图片"></a> <div class="highslide-caption">
&nbsp;
</div>
</div><div class="thumbwrapper">
<a href="3.png" class="highslide" onclick="return hs.expand(this, galleryOptions)">
<img src="3.png" alt="Highslide JS" title="点击放大图片"></a> <div class="highslide-caption">
&nbsp;
</div>
</div><div class="thumbwrapper">
<a href="4.bmp" class="highslide" onclick="return hs.expand(this, galleryOptions)">
<img src="4.bmp" alt="Highslide JS" title="点击放大图片"></a> <div class="highslide-caption">
&nbsp;
</div>
</div><div class="thumbwrapper">
<a href="5.jpeg" class="highslide" onclick="return hs.expand(this, galleryOptions)">
<img src="5.jpeg" alt="Highslide JS" title="点击放大图片"></a> <div class="highslide-caption">
&nbsp;
</div>
</div><div class="thumbwrapper">
<a href="6.jpg" class="highslide" onclick="return hs.expand(this, galleryOptions)">
<img src="6.jpg" alt="Highslide JS" title="点击放大图片"></a> <div class="highslide-caption">
&nbsp;
</div>
</div>
 
急需大家帮忙。特别是 正则 高手们，帮帮我啊。 （哎，现阶段我的正则表达还不怎么会~）  十万火急~如果大家 回答的 好的 话，完全可以把我手头的 分全送给你！

Answer 1

好，我就补充下：对于 是否 有<a>包含的  代码 <a ......><img .....> </a>
或者是 没有<a>包含的  代码 <img .....>最终 通过 js 正则匹配 替换成：
<div class="thumbwrapper">
    <a href="1.jpg" class="highslide" onclick="return hs.expand(this, galleryOptions)">
        <img src="1.jpg" alt="Highslide JS" title="点击放大图片"></a>    <div class="highslide-caption">
        &nbsp;
    </div>
</div>
的代码等形式！
且 必须在 代码最先前 增加这么条语句：
<script type="text/javascript" src="./highslide.js"></script>
大家 对照 着 前后的代码 看下 就会明白的

Answer 2

str = str.replace(/^|(<a\b[^>]*>)?\s*(<img\b[^/>]*(?:src=("[^"]*"|'[^']*'|\S+))[^>]*>)\s*(?:<\/a>)?/g, function() {
var $ = arguments;
if ($[0].length) {
return [
'<div class="thumbwrapper">'
, '<a href=' + $[3] + ' class="highslide" onclick="return hs.expand(this, galleryOptions)">'
, '<img src=' + $[3] + ' alt="Highslide JS" title="点击放大图片"></a>'
, '<div class="highslide-caption">&nbsp;</div>'
, '</div>'
].join("\r\n");
} else {
return '<script type="text/javascript" src="./highslide.js"></scr' + 'ipt>\r\n';
}
});

Answer 3

开启忽略大小写模式吧str = str.replace(/^|(<a\b[^>]*>)?\s*(<img\b[^/>]*(?:src=("[^"]*"|'[^']*'|\S+))[^>]*>)\s*(?:<\/a>)?/ig, function() {
    // ...
});