jquery - jQuery 将每个 img 标签移动到每个 a 元素中

Question

我正在尝试将每个 img 标签从 div 移动到每个标签中，有什么想法吗？谢谢！

<div><img src="imga.jpg" /></div>
<div><img src="imgb.jpg" /></div>
<div><img src="imgc.jpg" /></div>
<div><img src="imgd.jpg" /></div>

<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>

所以结果应该是这样的：

<a href="#"><img src="imga.jpg" /></a>
<a href="#"><img src="imgb.jpg" /></a>
<a href="#"><img src="imgc.jpg" /></a>
<a href="#"><img src="imgd.jpg" /></a>

Answer 1

这将解决问题，但您必须改进选择器，以便其他元素不会受到此影响

var $imgs = $('div > img').unwrap();
$('a').each(function(i){
    $(this).append($imgs[i]);
})