манипуляция DOM: Замена HREF значения с Src значением детским образом

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> 

Я хочу manuipulate в DOM, так что значение ЦСИ каждого изображения заменяет HREF значения родителя чтобы разметка стала такой:

<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> 

Почему бы мне не хотеть этого, спросите вы? Я вынимаю изображения на страницу с использованием API Flickr, но затем хочу использовать плагин 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'); 
});