javascript - 使用 javascript/jquery 按内部 div 元素内容对 div 元素进行排序

Question

我试图用 javascript 编写一个小脚本，用于按内部 div 数据对 div 元素进行排序，用于制作“按名称排序”和“按人气排序”...

问题是，即使在“Mozila Firefox”中一切正常，我也几乎成功了。但不适用于“谷歌浏览器”和“IE”。

请在此处查看代码 - http://jsfiddle.net/s8SgJ/

$(document).ready(function() {
//sorting alphebatically start  
function sortByNameAsc(a,b){
    return $(a).find('.captioncss').text() > $(b).find('.captioncss').text();
}

function reorderEl(el){
    var container = $('#NewsSiteList');
    container.html('');
    el.each(function(){
        $(this).appendTo(container);
    });
}
$('.nameAsc').click(function(){
    reorderEl($('.totalcontainercss').sort(sortByNameAsc));
});
//sorting alphebatically END
$('.totalcontainercss').sort(sortByNameAsc).appendTo($('#NewsSiteList')); //sorting alphebatically onLoad

//sorting by popularity start
function sortByPopularityAsc(a,b){
    return $(a).find('.ShortByRank').text() - $(b).find('.ShortByRank').text();
}

function reorderEl(el){
    var container = $('#NewsSiteList');
    container.html('');
    el.each(function(){
        $(this).appendTo(container);
    });
}
$('.PopularAsc').click(function(){
    reorderEl($('.totalcontainercss').sort(sortByPopularityAsc));
}); 
//sorting by popularity END
});

请给我一个解决方案。提前致谢。