Wie zu Sortieren, LI, basierend auf Ihrer ID

Versuch eine Reihe von Lösungen mit keine brauchbare Ergebnisse. Ich habe code, der den Wert des span-Tags und erzeugt eine ID für die LI. Dann möchte ich diese Art LI - ABSTEIGEND auf der Basis der Lis-ID. Hilfe? Danke!

<!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>
gut, es gibt keine id. Meinst du Sie Sortieren möchten Spannweite text?
OP hat "- code, der den Wert des span-Tags und erzeugt eine ID für die LI". Sehen Sie den vorhandenen code.
Nein, in meiner Beschreibung schildere ich, dass der code bereits in meinem Beispiel wird die ID basiert auf der span-Wert. Danach will ich zum Sortieren der LI ist durch Ihre ID (Sie haben natürlich die ID ' s an dieser Stelle).
Hoppla, BoltClock beta mich zu ihm!

InformationsquelleAutor joe | 2010-09-02

  1. 11

    Angenommen, Ihre li nodes hatte ids.

    <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>

    Dann könnte man einfach anrufen javascripts native array - .sort() Methode, da jQuery verpackt sets halten in Arrays:

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

    Beispiel: http://www.jsfiddle.net/3uYUq/

    Das war perfekt, danke jAndy!
    Offenbar in Safari, müssen Sie - statt >.
    interessant, so würden Sie brauchen, um die Reihenfolge zu ändern, wenn Sie wollen, um eine aufsteigende Liste?
    jAndy - Das scheint der Fall zu sein.
    Würde schätzen Ihr weitere Ideen: Was ist, wenn das argument zu Sortieren, ist keine ID, sondern einen Zeitstempel und wird in das Attribut timestamp="1346467883" ? return parseInt(ein.attr('timestamp')) > parseInt(b.attr('timestamp')), die nicht den job. Vielen Dank im Voraus, Michael

    InformationsquelleAutor jAndy

  2. 4

    jAndy schlug mich auf den Stempel. Hier ist meins.

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

    Werde ich hinzufügen, die Sie benötigen,

    $(function() {

    für Ihre IE6-Nutzer wegen IE6 abstürzt, wenn Sie versuchen, entfernen von Elementen aus dem dom zu, bevor Sie Ihre übergeordneten Elemente laden.

    Auch .remove() ist überflüssig, weil .append() erledigt dies.

    InformationsquelleAutor Dave Aaron Smith

Schreibe einen Kommentar