jQuery将每个img标记移动到每个元素中

时间:2013-10-02 16:49:40

标签: jquery

我正在尝试将每个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>

1 个答案:

答案 0 :(得分:3)

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

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