基于类名的jQuery排序不起作用

傻胖猫

我想根据类名对div进行排序,这是到目前为止的内容:

<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/

基于此,我希望我的输出看起来像:

2
3
6
1
4
5
7

但是即使在运行代码后,它也不会执行任何操作。我究竟做错了什么?

阿努拉格·斯里瓦斯塔瓦(Anurag Srivastava)

您需要在排序比较器中返回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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Dev

基于CSS类和文本的元素排序不起作用

来自分类Dev

类不起作用的jQuery

来自分类Dev

基于字符串值的数组排序不起作用

来自分类Dev

基于Paginator类的视图在DJANGO中不起作用

来自分类Dev

行重新排序在Datatable jQuery插件中不起作用

来自分类Dev

Python排序不起作用

来自分类Dev

DataGrid排序不起作用

来自分类Dev

排序targetKey不起作用

来自分类Dev

jQuery不起作用?

来自分类Dev

触发类时,jQuery函数.on(“ click”)不起作用

来自分类Dev

jQuery添加类有效,但删除不起作用

来自分类Dev

使用jQuery删除类时CSS过渡不起作用

来自分类Dev

使用类时,jQuery UI Spinner不起作用

来自分类Dev

角类不起作用

来自分类Dev

SpannableString类不起作用

来自分类Dev

在DataTables(jQuery)中对行重新排序后的排序不起作用

来自分类Dev

创建具有多个CSS类的类名不起作用

来自分类Dev

基于目录的条件gitconfig不起作用

来自分类Dev

基于属性的路由不起作用的问题

来自分类Dev

基于承诺的模拟方法不起作用

来自分类Python

@csrf_exempt在基于通用视图的类上不起作用

来自分类Dev

ToggleClass不起作用的jQuery

来自分类Dev

jQuery $(this).val()不起作用

来自分类Dev

jQuery多个.not()不起作用

来自分类Javascript

jQuery,setTimeout不起作用

来自分类Dev

jQuery replaceWith不起作用

来自分类Dev

jQuery .css()不起作用

来自分类Dev

动画jQuery不起作用

来自分类Dev

jQuery不起作用-Rails

TOP 榜单

热门标签

归档