Question

这个很傻，但我发现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>

Answer 1

使用像这样的自定义函数：

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

TinySort按ID排序

1 个答案: