Как отсортировать div по содержанию

Question

Я пытаюсь отсортировать div по дате контента ... У меня есть сортировка. Но не по дате ...

HTML

 <div id="all_elements">

            <!-- one element -->
            <div class="element">
                    <div class="display-number">02</div>
                    <div class="year">20-10-2011</div>
            </div><!-- element -->

            <!-- one element -->
            <div class="element">
                    <div class="display-number">03</div>
                    <div class="year">22-09-2011</div>
            </div><!-- element -->

            <!-- one element -->
            <div class="element">
                    <div class="display-number">01</div>
                    <div class="year">01-12-2011</div>
            </div><!-- element -->

            <!-- one element -->
            <div class="element">
                    <div class="display-number">04</div>
                    <div class="year">01-06-2011</div>
            </div><!-- element -->

            <!-- one element -->
            <div class="element">
                    <div class="display-number">05</div>
                    <div class="year">01-06-2010</div>
            </div><!-- element -->

        </div> <!--all_elements-->

Jquery

<script>
        function sortDescending(a, b) {
            return $(a).find(".year").text() < $(b).find(".year").text() ? 1 : -1;
        };
        $(document).ready(function() {
            $('#all_elements .element').sort(sortDescending).appendTo('#all_elements');
        }); 
    </script>

Я знаю, что мне нужна функция, чтобы выяснить, является ли содержимое датой. Просто не знаю как ...

Кто может мне помочь?

Answer 1

Вы можете сделать:

   function sortDescending(a, b) {
     var date1  = $(a).find(".year").text();
       date1 = date1.split('-');
     date1 = new Date(date1[2], date1[1] -1, date1[0]);
     var date2  = $(b).find(".year").text();
       date2= date2.split('-');
     date2= new Date(date2[2], date2[1] -1, date2[0]);

     return date1 < date2 ? 1 : -1;
    };
    $(document).ready(function() {
        $('#all_elements .element').sort(sortDescending).appendTo('#all_elements');
    }); 

РЕДАКТИРОВАТЬ - исправили опечатку в соответствии с комментарием!Скрипка здесь http://jsfiddle.net/TsZeg/

Answer 2

Используйте мой плагин jquery SortContent:

$('#all_elements').sortContent({asc:true})

Но, поскольку вы сортируете на основе чего-то отличного от String (Date), вы должны использовать format callback. И, поскольку Дата не является целым HTML элементов для сортировки, вы должны использовать обратный вызов helper для определения подходящего содержимого.

$('div#all_elements').sortContent({format:parser,helper:myhelper})

Обязательные обратные вызовы:

parser=function(content){
    content=content.split('-');
    //Convert 20-10-2011 to 10/20/2011 to be ready to Date parsing
    content=content[1]+'/'+content[0]+'/'+content[2]
    return Date.parse(content)
};
myhelper=function(e){
   return $('.year',$(e)).html();
}

ДЕМО:

http://jsfiddle.net/abdennour/E4Hbp/8/

Answer 3

вы пробовали объект даты: new Date($('.year').text())?