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 .