TinySort sort by IDs

TinySort sort by IDs

本文关键字：IDs by sort TinySort      更新时间：2023-09-26

这个很愚蠢，但我发现TinySort（独立最小值）让我感到困惑：我想在容器div （#body） 中对div （.story） 进行排序，所以我使用了一个<button onclick="tinysort('div#body>div,{order:'desc',attr:'id'});">Descending</button>，单击后切换到升序。我的div 代码是：

<div id="body">
<div id="1" class="story"></div>
<div id="2" class="story"></div>
<div id="3" class="story"></div>
</div>

使用如下自定义函数：

.HTML

<button id='toggle' onclick='toggleSort()'>Descending</button>

JavaScript

function toggleSort() {
    var btn = document.querySelector('#toggle');
    if(btn.classList.toggle('desc')) {
        tinysort('div#body>div', { order: 'desc', attr: 'id' });
        btn.innerHTML = 'Ascending';
    } else {
        tinysort('div#body>div', { order: 'asc', attr: 'id' });
        btn.innerHTML = 'Descending';
    }
}

做了一个演示 jsfiddle

相关文章：