微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery appendTo最近的div(按类)?

我正在尝试做一些 jquery,它会在文本中找到图像,将图像包装在div中,然后将其移动到另一个div,但我似乎无法让它工作.这是我到目前为止的代码

$(".newsIntro").find("img").wrap("<div class=\"newsImage\" />");

^^这部分有效.

但是,当我尝试移动它时,页面上的所有图像都会在一个div内移动(而不是移动到它们的父div(“.newsItem”),或者没有任何反应.

$(".newsImage").appendTo( $(this).closest(".newsItem") );

^^没有做任何事情.

$(".newsImage").appendTo(".newsItem");

^^将它们全部移动到第一个“.newsItem”div中的那个.

这是HTML的片段

<div class="newsItem">
  <div class="newsHeader">
    <h2><a href="/news-information/67-latest-news-03.html">Latest News 03</a></h2>
  </div>
  <div class="newsIntro"><img src="/images/stories/opals-are-lucky/img_abopal_lucky.jpg" border="0" align="left" />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="newsHeader">
    <h2><a href="/news-information/68-latest-news-03.html">Latest News 03</a></h2>
  </div>
  <div class="newsIntro"><img src="/images/stories/about-us/img_showroom.jpg" border="0" align="right" />Lorem ipsum dolor sit amet,nascetur ridiculus mus. Nam iaculis iaculis quam. Donec eu dui.</div>
  <div class="clear"></div>
</div>

任何帮助肯定会受到赞赏!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐