开发者社区> 问答> 正文

jQuery如何对div进行排序

<div class='container'>
<div id='1'>
    <div class='name'>bbbb</div>
    <div class='number'><input type='text' value='110'></div>
</div>
<div id='2'>
    <div class='name'>cccc</div>
    <div class='number'><input type='text' value='120'></div>
</div>
<div id='3'>
    <div class='name'>dddd</div>
    <div class='number'><input type='text' value='140'></div>
</div>
</div>

根据input里面的value值对div进行排序,最好是jquery实现。

展开
收起
小旋风柴进 2016-03-23 15:10:25 3136 0
1 条回答
写回答
取消 提交回答
  • jQuery中有sort()方法可用,和Array.sort()方法一样。

    //递增
     var asc = function(a, b) {
            return $(a).find('input').val() > $(b).find('input').val() ? 1 : -1;
        }
    //递减
     var desc = function(a, b) {
            return $(a).find('input').val() > $(b).find('input').val() ? -1 : 1;
        }
    
     var sortByInput = function(sortBy) {
            var sortEle = $('.container>div').sort(sortBy);
            $('.container').empty().append(sortEle);
        }
    2019-07-17 19:11:13
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载