要创建在单击按钮时发生的排序函数。
要创建在单击按钮时发生的排序函数。
提问于 2016-11-26 03:08:11
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-11-26 03:56:53
这就是你要找的吗？
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
var sort_by_name = function(a, b) {
var aJObj = $(a);
var bJObj = $(b);
return aJObj.find(".img_value")[0].value.localeCompare(bJObj.find(".img_value")[0].value);
}
$("#hightolow").click(function(){
var list = $("#sort_group > div").get();
list.sort(sort_by_name);
for (var i = 0; i < list.length; i++) {
list[i].parentNode.appendChild(list[i]);
}
});
$("#lowtohigh").click(function(){
var list = $("#sort_group > div").get();
list.reverse(sort_by_name);
for (var i = 0; i < list.length; i++) {
list[i].parentNode.appendChild(list[i]);
}
});
})
</script>
</head>
<body>
<button id="hightolow">hightolow</button>
<button id="lowtohigh">lowtohigh</button>
<div id="sort_group" class="sort_group">
<div><img class="1" alt="1"><input class="img_value" hidden value="1"/></div>
<div><img class="2" alt="2"><input class="img_value" hidden value="2"/></div>
<div><img class="4" alt="4"><input class="img_value" hidden value="4"/></div>
<div><img class="3" alt="3"><input class="img_value" hidden value="3"/></div>
<div><img class="5" alt="5"><input class="img_value" hidden value="5"/></div>
<div><img class="6" alt="6"><input class="img_value" hidden value="6"/></div>
</div>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40814537
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号