0

我在尝试在 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");
});

我可以让它找到图像，但似乎无法让它正确放置它们，目前图像在 newsImage div 内重复。如果有人能指出我正确的方向，那就太好了:)

干杯

4

1 回答 1

1

我想这就是你所追求的：

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

你可以在这里试一试，或者稍微不同的方法：

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

你可以在这里测试它。如果您不想移动，<img>只需将 a 添加.clone()到任何一个中的图像部分，例如.find('img').clone()在第二个中。

于 2010-08-24T00:29:06.190 回答