Как изменить положение нескольких экземпляров выбранных элементов - PullRequest
Новая
       7

Как изменить положение нескольких экземпляров выбранных элементов

3 голосов
/ 04 декабря 2011

Мне нужно переместить каждый из элементов h3 из их положения ниже в новое положение в качестве первого потомка .summary-inside-wrapper

Все, что я пробовал, перемещает экземпляр ВСЕХ элементов h3 в каждую сводку. Мне нужно переместить только оригинал в каждом резюме. 

<div class="content-main">
   <div class="summary" id="listing_summary_3547">
      <div class="share"></div>
      <div class="summary-inside-wrapper">
         <div class="summary-inside">                <---- TO HERE ---| 
            <div class="left">                                        |
               <div class="title">                                    | 
                  <h3>unique text here 1</h3>      -- MOVE THIS h3 ---|      
                  <p>some other text here</p>
               </div>
            </div>
            <div class="right"></div>
         </div>
      </div>
   </div>
   <div class="summary" id="listing_summary_45741">
      <div class="share"></div>
      <div class="summary-inside-wrapper">
         <div class="summary-inside">                <---- TO HERE ---| 
            <div class="left">                                        |
               <div class="title">                                    | 
                  <h3>unique text here 1</h3>   --and MOVE THIS h3 ---|      
                  <p>some other text here</p>
               </div>
            </div>
            <div class="right"></div>
         </div>
      </div>
   </div>
   <div class="summary" id="listing_summary_6">
      <div class="share"></div>
      <div class="summary-inside-wrapper">
         <div class="summary-inside">                <---- TO HERE ---| 
            <div class="left">                                        |
               <div class="title">                                    | 
                  <h3>unique text here 1</h3>   --and MOVE THIS h3 ---|      
                  <p>some other text here</p>
               </div>
            </div>
            <div class="right"></div>
         </div>
      </div>
   </div>
</div>

Я пробовал insertBefore (), prepend () и многие другие без желаемых результатов. Каждый раз, когда я получаю копии КАЖДОГО h3 в каждом экземпляре резюме.

Ответы [ 2 ]

4 голосов
/ 04 декабря 2011

Код: 

$(".title h3").each(function()
                    {
                       var item=$(this); 
                       var parentContainer=item.parents(".summary-inside");
                       item.remove();
                       parentContainer.prepend(item);
                    });

здесь Live Demo

3 голосов
/ 04 декабря 2011

это должно сработать 

 $( ".summary-inside-wrapper" ).each(function() {
    $( this ).prepend( $( this ).find( ".title > h3" ).html() );
    $( this ).find( ".title" ).remove();
});
...