使用 jquery 在 DOM 中重新放置标签

Question

我一直在尝试在现有 CMS 制作的 html 中重新定位 img 标记

<div class="catItemView groupLeading _inspirations">
 <!-- (2) and place it here -->
 <div class="catItemHeader">
     <h3 class="catItemTitle">
         <a href="some link here">ways of seeing</a>
      </h3>
 </div>
 <div class="catItemBody">
     <div class="catItemIntroText">
         <p>
            <a href="youtube link here">
               <img alt="" src="image_link.jpg" /><!-- (1) would like to grab this-->
               John Berger - ways of seeing
            </a>
         </p>
     </div>
    </div>
 <div class="catItemLinks">
 </div>
 </div>    

我试过这个：

 $('div.catItemIntroText img').prepend('div.catItemHeader');

但它只会使所有其他“框架”变得混乱，并用所有图像填充“框架”（如这个）。 提前致谢！

Answer 1

目前，您正在将 div 添加到图像中。这会将图像添加到 div：

$('.catItemView').prepend($('.catItemIntroText img'));

如果您在页面上多次使用此结构，则您需要这样做以获得每次出现的所需结果：

$('.catItemIntroText img').each(function() {
    $(this).parents('.catItemView').prepend($(this));
});