0

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

しかし、それは他のすべての「フレーム」を乱雑にし、「フレーム」（このような）をすべての画像で埋めただけでした。前もって感謝します！

4

1 に答える 1

0

現時点では、画像の前に div を追加しています。これにより、画像が div の先頭に追加されます。 

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

ただし、この構造がページに複数ある場合は、これを実行して、出現するたびに目的の結果を取得する必要があります。

$('.catItemIntroText img').each(function() {
    $(this).parents('.catItemView').prepend($(this));
});
于 2013-03-10T11:22:41.200 に答える