使用以编程方式添加的数字对子元素排序<li>列表

时间:2017-07-17 09:24:15

标签: javascript html

正在寻找我的问题的解决方案,我找到了许多类似的修复程序,但不完全相同。但是,由于我将自己归类为javascript初学者,我无法弄清楚如何将这些修复程序用于我自己的解决方案。因此,我在问你。

我正在聊天。在一个页面上有一个对话列表。每次对话都是这样的:<li id="+conversationID+" class=\"people-item\"><a href=\"#\" id="+obj.newest_message_time+" class=\"list-group-item\"><span class="+conversationID+"><p class=\"participants\">" + participantsStringified + "</p><p class=\"new_message\">Me: "+obj.newest_message+"</p></span></a></li>;

如您所见,<a>内的<li> ID为obj.newest_message_time,这是在创建对话时以编程方式添加的数字。

因此成像有多个<li>,如何使用id对它们进行排序?

1 个答案:

答案 0 :(得分:1)

我在下面的链接中提出了一个解决方案

https://jsfiddle.net/dwetouLf/

你可以继续改变LI中锚点ID的值,看看它是否适合你。

我正在使用Jquery库。

(function( $ ) {
$(function() {
    $( "li", "#test" ).sort(function( a, b ) {
        return $( a ).find('a').attr('id') > $(b).find('a').attr('id'); 
    }).appendTo( "#test" );
});

})( jQuery );