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实现。
展开
收起
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赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
