jQuery-排序div内容 [英] jQuery - Sorting div contents

问题描述

可能重复:
jQuery:根据不同子div的内容对div进行排序

Possible Duplicate:
jQuery: Sort div's according to content of different sub divs

是否可以对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内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！