Javascript 插入子代img元素'；将src属性插入父元素'；s href属性

我有以下html：

<a href="#">
    <img src="img-1" />
</a>
<a href="#">
    <img src="img-2" />
</a>
<a href="#">
    <img src="img-3" />
</a>

我试图做的是检索其子img src并将该src分别插入href中所需的每个链接

因此最终结果如下所示：

<a href="img-1">
    <img src="img-1" />
</a>
<a href="img-2">
    <img src="img-2" />
</a>
<a href="img-3">
    <img src="img-3" />
</a>

---

谢谢。

迭代具有

img

子体的每个

a

元素，并获取相应的

src

属性：

$('a:has(img)').each(function () {
  this.href = $(this).find('img').attr('src');
});

或者，您也可以在不使用jQuery的情况下执行此操作：

var anchors = document.querySelectorAll('a');
Array.prototype.forEach.call(anchors, function (a) {
  var img = a.querySelector('img');
  a.href = img !== null ? a.querySelector('img').getAttribute('src') : a.href;
});

JavaScript解决方案：（我喜欢原生解决方案JavaScript

var all_images=document.getElementsByTagName('img')
for(var i=0;i<all_images.length;++i){
all_images[i].parentNode.href=all_images[i].src;
console.log(all_images[i].parentNode.href)
}

var all\u images=document.getElementsByTagName（'img'））
对于（var i=0；iWhy不是每个选择器中的
a>img
？@Fleuv，因为我不想假设
img
元素是直接子元素。