注册    登录
关注
Py学习  »  Jquery

jQuery:使用prependTo更改div的顺序

Max • 4 年前 • 761 次点击  

我试图用class.tabs修改所有div框,并在里面更改一些div顺序。

我想在.team member描述中为带有class.tabs的每个div元素推送.team member名称

: 

<div class="tabs">
  <div class="team-member-name">Mirko</div>
  <div class="team-member-description"> <p>Text</p></div>
</div>
<div class="tabs">
  <div class="team-member-name">Marko</div>
  <div class="team-member-description"> <p>Text</p></div>
</div>

: 

<div class="tabs">
  <div class="team-member-description">
     <div class="team-member-name">Mirko</div>
     <p>Text</p>
  </div>
</div>
<div class="tabs">
  <div class="team-member-description">
    <div class="team-member-name">Marko</div>
    <p>Text</p>
  </div>
</div>


$(".tabs > .team-member-name").each(function(){
    $(this).prependTo($(".team-member-description"));
});

我希望有人能帮我:)

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/54401
Reply
 
761 次点击  
文章 [ 1 ]  |  最新文章 4 年前
Pedram
Reply   •   1 楼
Pedram    4 年前

你应该用 $(this) .siblings() 

$(".tabs > .team-member-name").each(function() {
  $(this).prependTo($(this).siblings(".team-member-description"));
});
.team-member-description {
  border: 1px solid red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="tabs">
  <div class="team-member-name">Mirko</div>
  <div class="team-member-description">
    <p>Text</p>
  </div>
</div>
<div class="tabs">
  <div class="team-member-name">Marko</div>
  <div class="team-member-description">
    <p>Text</p>
  </div>
</div>
登录后回复
关于   移动版   ·   三行代码   ·   今天看啥   ·   Code   ·   link之家   ·   卧龙搜索   ·   藏经阁   ·   小百科
Py学习 - 专注于Python技术发展的社区(原Django社区)
沪ICP备11025650号