上一篇: jquery replace不适用于单引号下一篇:jquery – jqgrid掩码编辑

jquery – 如何更改所选元素的多个实例的位置

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 如何更改所选元素的多个实例的位置，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我需要将每个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的副本.

解决方法

码：

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

这是一个 Live Demo