jQuery-排序div内容

本文介绍了jQuery-排序div内容的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

是否可以对div的内容进行排序

Is it possible to sort the contents of div

<div id="sort">
    <div id="something">A2</div>
    <div id="something">A1</div>
    <div id="something">A4</div>
    <div id="something">A3</div>
</div>

排序为:

<div id="sort">
    <div id="something">A1</div>
    <div id="something">A2</div>
    <div id="something">A3</div>
    <div id="something">A4</div>
</div>

有这样的事情吗??

$('#sort').sort();

推荐答案

这怎么办?

var mylist = $('#sort');

var listitems = mylist.children('div').get();

listitems.sort(function(a, b) {
   return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
});

$.each(listitems, function(index, item) {
   mylist.append(item);
});

提取自: http://www.onemoretake. com/2009/02/25/sorting-elements-with-jquery/

而且:如何使用字母顺序对列表进行排序jQuery吗?

这篇关于jQuery-排序div内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！