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

Question

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

<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));
});