Jquery: получить атрибут ребенка

Question

У меня есть HTML как это:

<div> 
    <a href="">sometext<img src="images/001.jpg" /></a> 
    <a href="">sometext<img src="images/002.jpg" /></a> 
    ... 
    <a href="">sometext<img src="images/nnn.jpg" /></a> 
</div> 

Все, что я хочу сделать 'HREF' atrributes равно 'Src' атрибут детского 'IMG' с помощью JQuery. Это моя неудачная попытка (без JS-ошибки, но без результата):

$('div a').attr('href', $(this).children('img').attr('src')); 

Как я могу получить «Src» атрибут детского «IMG» для использования как атр() второй аргумент для родителей «а»?

Answer 1

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

DEMO

Answer 2

Попробуйте это:

$('div a').each(function(){ 
    $(this).attr('href', $(this).find('img').attr('src')); 
}) 

Answer 3

Вы могли цикл каждый img и установить атрибут родительского href так:

$('div a img').each(function() { 
    $(this).parent().attr('href',$(this).attr('src')); 
}); 

Working example here