社区教程 Wiki

注册登录

创作新主题

社区所有版块导航

Python

python开源 Django Python DjangoApp pycharm

DATA

docker Elasticsearch

问与答闲聊招聘翻译创业分享发现分享创造求职区块链支付之战

aigc

aigc chatgpt

WEB开发

linux MongoDB Redis DATABASE NGINX 其他Web框架 web工具 zookeeper tornado NoSql Bootstrap js peewee Git bottle IE MQ Jquery

机器学习

机器学习算法

Python88.com

反馈公告社区推广

产品

短视频

印度

关注

Py学习 » Jquery

jQuery:使用prependTo更改div的顺序

Max • 4 年前 • 749 次点击

我试图用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

749 次点击

文章 [ 1 ] | 最新文章 4 年前

• 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社区)