jQuery如何对div进行排序
来源:互联网 发布:iphone6splus精仿淘宝 编辑:程序博客网 时间:2024/06/05 00:12
例:
<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实现。
排序方法:
jQuery中有sort()方法可用,和Array.sort()方法一样。
$(function() { 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); } $('#desc').click(function() { sortByInput(desc); }); $('#asc').click(function() { sortByInput(asc); });})
阅读全文
0 0
- jQuery如何对div进行排序
- 如何对DataSet进行排序
- jquery对表格进行内容排序
- jquery对信息进行排序操作
- jquery tablesorter对表格进行排序
- 如何对ListView的项进行排序
- 如何对DataTable 进行检索和排序
- 如何对ListView的项进行排序
- 如何对DataTable进行检索和排序
- 如何对DataTable进行检索和排序
- 如何对ListView的项进行排序
- 如何对DataTable进行检索和排序
- 如何对List中的对象进行排序
- 如何对List中的对象进行排序
- .NET :如何对数组进行排序
- 如何对DataTable进行检索和排序
- 如何对Dictionary的值进行排序
- java中如何对list进行排序
- Android旧项目集成React Native简易流程
- SpringMVC日期类型转换问题的几种处理方法
- Android_Webview的使用/内存优化/远程执行漏洞处理
- Python学习笔记(九)—— Dict
- 如何把一个String类型的sparql语句,解析出一系列triple
- jQuery如何对div进行排序
- JAVA 实现 AES 加密
- solr不能启动,日志报错could not find collectin imgs
- MySQL SQL操作
- SQL SERVER分页存储过程
- 20个非常有用的Java程序片段
- SQL Antipattern 之 分组查询
- Redis 官方文档
- 程序狗的凝视.js