社区教程 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排序不起作用

Stupid.Fat.Cat • 4 年前 • 701 次点击

<div id="container">
    <div class="blue">1</div>
    <div class="red">2</div>
    <div class="red">3</div>
    <div class="blue">4</div>
    <div class="blue">5</div>
    <div class="red">6</div>
    <div class="blue">7</div>
</div>

var elem = $('#container').find('div').sort(sortMe);

function sortMe(a, b) {
    return a.className < b.className;
}
$('#container').append(elem);

.red {
    color:red;
}

.blue{
    color:blue;
}

https://jsfiddle.net/bekvLhm7/

基于此,我希望我的输出如下所示:

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/57118

701 次点击

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

• 1 楼

Anurag Srivastava 4 年前

您需要在排序比较器中返回1或-1:

var elem = $('#container').find('div').sort(sortMe);

function sortMe(a, b) {
  return a.className < b.className ? 1 : -1;
}

$('#container').append("<br/>");
$('#container').append(elem.clone());

.red {
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
  <div>1</div>
  <div class="red">2</div>
  <div class="red">3</div>
  <div>4</div>
  <div>5</div>
  <div class="red">6</div>
  <div>7</div>
</div>

登录后回复

关于移动版 · 三行代码 · 今天看啥 · Code · link之家 · 卧龙搜索 · 藏经阁 · 小百科

Py学习 - 专注于Python技术发展的社区(原Django社区)