DOM操作：與孩子圖像的SRC值替換href的值

Question

我有以下的HTML標記：

<div class='photoset'> 
<a href="foo-01.html"><img src="foo-01.jpg" /></a> 
<a href="foo-02.html"><img src="foo-02.jpg" /></a> 
<a href="foo-03.html"><img src="foo-03.jpg" /></a> 
<a href="foo-04.html"><img src="foo-04.jpg" /></a> 
</div> 

我希望讓每個圖像的src值替換父的href值manuipulate的DOM鏈接元素，以便標記變爲：

<div class='photoset'> 
<a href="foo-01.jpg"><img src="foo-01.jpg" /></a> 
<a href="foo-02.jpg"><img src="foo-02.jpg" /></a> 
<a href="foo-03.jpg"><img src="foo-03.jpg" /></a> 
<a href="foo-04.jpg"><img src="foo-04.jpg" /></a> 
etc... 
</div> 

爲什麼我要這樣做，你問？我使用Flickr API將圖像拖入頁面，但希望將jQuery ColorBox插件用於圖庫效果...爲此，我相信我需要像上面那樣呈現Flickr生成的標記。

在此先感謝

安德魯

Answer 1

$('.photoset a > img').each(function() { 
    this.parentNode.href = this.src; 
}); 

這遍歷是的<a>一個孩子，都包含在.photoset圖像，並設置href財產其parentNode價值爲其src。

Answer 2

像這樣：

$('a:has(img)').attr('href', function() { 
    return $(this).find('img').attr('href'); 
});