如何使用 TinySort.js 对嵌套 html 元素取消排序

Question

我需要使用 TinySort.js 对一些嵌套列表进行排序（升序/降序），并且我需要能够稍后对它们进行取消排序（没有 jquery：请只使用普通 javascript）。

正如 TinySort 的作者 sjeiti，我之前使用javascript为每个列表元素分配一个位置属性对它们进行排序，以便稍后我可以恢复它们的原始顺序（取消排序）。

对于一个简单的列表，我没有问题（排序/取消排序效果很好）： https://jsfiddle.net/abubelinha/t7dcjhak/

对于嵌套列表，我按照 <一个href="https://stackoverflow.com/questions/32007817/nested-lists-and-tinysort/32010944#32010944">此方法，作者：贝尔吉。但我以后无法对它们进行取消排序。 这是我到目前为止所取得的成就： https://jsfiddle.net/abubelinha/wn9o3gft/ ...但我收到此错误：
tinysort.min.js:10 未捕获类型错误：d.getAttribute 不是函数

var listElements = document.querySelectorAll('*');
function setInitialOrder() {
  for (var i = 0, l = listElements.length; i < l; i++) {
    listElements[i].setAttribute('position1', i);
  }
}
setInitialOrder();

function sortNested(sortby={}) {
  var lists = document.querySelectorAll('ul.memberlist');
  lists.forEach((li_item) => {
    tinysort(li_item.children, sortby);
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinysort/3.2.5/tinysort.min.js"></script>
<ul class="memberlist">
   <li><a class="function">FFF</a></li>
   <li><a class="class">XXX</a>
      <ul class="memberlist">
      <li><a class="function">1x</a></li>
      <li><a class="function">3x</a></li>
      <li><a class="variable">2x</a></li>
      </ul>
   </li>
   <li><a class="class">AAA</a>
      <ul class="memberlist">
      <li><a class="variable">9a</a></li>
      <li><a class="function">5a</a></li>
      </ul>
   </li>
</ul>
<style> .tsort {background-color: lightgrey; padding: 3px; cursor:pointer; border:1px solid;} </style>
<span id="sortAZ" class="tsort" onclick="sortNested();">A-Z</span> 
<span id="sortZA" class="tsort" onclick="sortNested({order:'desc'});">Z-A</span> 
<span id="unsort" class="tsort" onclick="sortNested({attr:'position1'});">original order</span>

预先非常感谢您的建议。

编辑：@Thomas 评论后修改代码。
更改自 tinysort(li_item.childNodes, sortby);
到 tinysort(li_item.children, sortby);

更多信息 此处。