1

我有这个代码：

<div id="main-container">
    <div class="comunicato-item">
        <div class="item item-1">Marco</div>
        <div class="item item-2">3</div>
        <div class="item item-2">2012</div>
    </div>

    <div class="comunicato-item">
        <div class="item item-1">Andrea</div>
        <div class="item item-2">2</div>
        <div class="item item-2">2013</div>
    </div>  

    <div class="comunicato-item">
        <div class="item item-1">Paul</div>
        <div class="item item-2">9</div>
        <div class="item item-2">2003</div>
    </div>  
</div>

comunicato-item由于（例如）.item.item-2元素值，我想订购物品。所以结果应该是，排序后：

<div id="main-container">
    <div class="comunicato-item row">
        <div class="item item-1">Andrea</div>
        <div class="item item-2">2</div>
        <div class="item item-2">2013</div>
    </div>  

    <div class="comunicato-item row">
        <div class="item item-1">Marco</div>
        <div class="item item-2">3</div>
        <div class="item item-2">2012</div>
    </div>

    <div class="comunicato-item row">
        <div class="item item-1">Paul</div>
        <div class="item item-2">9</div>
        <div class="item item-2">2003</div>
    </div>  
</div>

用jquery可以吗？尝试过这样的事情：

var a = [];
$(".comunicato-item .item.item-2").each(function(i,e){
    a.push(e);
});
$.each(a.sort(),function(i,e){
    $("#"+e).appendTo('#main-container');
});

但它失败了！任何想法？

4

2 回答 2

2

你很接近，但排序方法需要一个函数来评估这个实例中的数组......

var a = [];

$(".comunicato-item").each(function() {
    a.push(this);
});

a.sort(function(x, y) {
    var xval = parseInt($(".item-2:first", x).text(), 10);
    var yval = parseInt($(".item-2:first", y).text(), 10);
    if (xval > yval) return 1;
    else if (xval < yval) return -1;
    else return 0;
});

$.each(a, function() {
    $(this).appendTo('#main-container');
});
于 2013-01-30T14:56:18.267 回答
1

您可以使用.sort函数对集合进行排序。由于 jQuery 已经将元素存储在数组中，因此无需循环并将其推送到数组中。也不需要循环和附加元素

var x = $('#main-container > .comunicato-item').sort(function(a,b){
    var f = +$(a).find('.item-2:first').text();
    var s = +$(b).find('.item-2:first').text();
    return f-s; // no need for if/else because these are numbers
});
$('#main-container').html(x);
// or $('#main-container').append(x);
// or x.appendTo('#main-container');

http://jsfiddle.net/SuCyz/

编辑

如果按单词排序，则必须使用 if/else

var x = $('#comunicato-items > .comunicato-item').sort(function(a,b){
    var f = $(a).find('.item-2:first').text();
    var s = $(b).find('.item-2:first').text();
    return f > s ? 1 : f < s ? -1 : 0;   
});
$('#comunicato-items').html(x);

在哪里

f > s ? 1 : f < s ? -1 : 0;

等于

if(f > s){
   return 1;
}else if(f < s){
   return -1;
}else{
   return 0;
}

http://jsfiddle.net/u5Nxw/

于 2013-01-30T15:00:45.010 回答