我需要将每个h3元素从下面的位置移动到新位置作为.summary-inside-wrapper的第一个子元素 我尝试的所有内容都将所有h3元素的实例移动到每个摘要中.我只需要移动每个摘要中的原始内容.
我尝试的所有内容都将所有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