Geek Answers Handbook

How to sort LI based on their identifier

Trying to create many solutions without any results. I have code that takes a span value and creates an identifier for the LI. Then I want to sort these LI DESCENDING based on the LI id. Help? Thank!

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<ul id="dumb">
    <li>cello<span>2987</span></li>
    <li>zello<span>1723</span></li>
    <li>aello<span>3476</span></li>
</ul>
<script type='text/javascript' src='JQUERY INCLUDE'></script> 
<script type="text/javascript"> 
$(document).ready(function() {
    $('ul li span').each(function(){
        var pubValue = $(this).html();
        $(this).parent().attr('id', pubValue);
    });
});
</script>
</body>
</html>
+5
source share
2 answers

Suppose yours li nodeshas identifiers.

<ul id="test">
   <li id="4112">blub</li>
   <li id="1422">blaaah</li>
   <li id="6640">hmmmm</li>
   <li id="2221">one more</li>
</ul>

Then you could just call the javascripts native arrays method .sort(), since jQuery wrapped factors are stored in Arrays:

$(function(){
    var elems = $('#test').children('li').remove();
    elems.sort(function(a,b){
        return parseInt(a.id) > parseInt(b.id);
    });
    $('#test').append(elems);
});

Working example: http://www.jsfiddle.net/3uYUq/

+10
source

jAndy defeated me before the hit. Here is mine.

$(function() {
  $("li").sort(function(left, right) {
    return parseInt($(left).attr("id")) - parseInt($(right).attr("id"));
  }).each(function() { $("ul").append($(this)); });
});

,

$(function() {

IE6, IE6 , dom .

,.remove() , .append() .

+4

More articles:


All Articles