найти изображение из текста и добавить к div

Question

У меня возникли проблемы с поиском изображения внутри div и добавлением его в пустой div. Вот код, у меня есть:

<div class="newsItem"> 
    <div class="newsImage"></div> 
    <h2><a href="">Latest News 03</a></h2> 
    <div class="newsIntro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce dictum sagittis sapien. Aliquam erat volutpat. Nulla facilisi. Ut purus neque, condimentum nec, auctor eget, semper ut, enim. Vestibulum sem tellus, vestibulum a, vehicula ut, feugiat id, libero. Pellentesque enim justo, condimentum sed, dictum at, viverra eget, odio. Aliquam feugiat metus id lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam iaculis iaculis quam. Donec eu dui. Morbi quis nulla.</div> 
    <div class="clear"></div> 
</div> 
<div class="newsItem"> 
    <div class="newsImage"></div> 
    <h2><a href="">Latest News 03</a></h2> 
    <div class="newsIntro"><img src="/images/stories/img_abopal3.jpg" border="0" alt="Opal History" align="right" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce dictum sagittis sapien. Aliquam erat volutpat. Nulla facilisi. Ut purus neque, condimentum nec, auctor eget, semper ut, enim. Vestibulum sem tellus, vestibulum a, vehicula ut, feugiat id, libero. Pellentesque enim justo, condimentum sed, dictum at, viverra eget, odio. Aliquam feugiat metus id lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam iaculis iaculis quam. Donec eu dui.</div> 
    <div class="clear"></div> 
</div> 
<div class="newsItem"> 
    <div class="newsImage"></div> 
    <h2><a href="">Latest News 02</a></h2> 
    <div class="newsIntro"><img src="/images/stories/img_abopal6.jpg" border="0" alt="Opal History" align="right" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce dictum sagittis sapien. Aliquam erat volutpat. Nulla facilisi. Ut purus neque, condimentum nec, auctor eget, semper ut, enim. Vestibulum sem tellus, vestibulum a, vehicula ut, feugiat id, libero. Pellentesque enim justo, condimentum sed, dictum at, viverra eget, odio. Aliquam feugiat metus id lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam iaculis iaculis quam. Donec eu dui.</div> 
    <div class="clear"></div> 
</div> 

Вот JQuery:

jQuery(".newsItem").each(function() { 
    var thumbImage = jQuery(this).find(".newsIntro img"); 
    jQuery(thumbImage).appendTo(".newsImage"); 
}); 

я могу получить его, чтобы найти изображения, но не могу показаться, чтобы получить его, чтобы поместить их должным образом, в настоящее время изображения повторите внутри DIV newsImage .. Если кто-то может мне точку в правильном направлении, что было бы здорово :)

Приветствия

Answer 1

Я думаю, что это то, что вы после:

jQuery(".newsItem").each(function() { 
    var thumbImage = jQuery(this).find(".newsIntro img"); 
    jQuery(thumbImage).appendTo(jQuery(this).find(".newsImage")); 
}); 

You can give it a try here или несколько иной подход:

jQuery(".newsImage").each(function() { 
    $(this).append($(this).siblings('.newsIntro').find('img')); 
}); 

You can test it here. Если вы не хотите переместить<img>, просто добавьте .clone() к изображению в любом из них, например. .find('img').clone() во втором.