Javascript:按数据属性按字母顺序对li项目排序,不带jquery

我正在尝试仅使用Javascript按字母顺序对列表进行排序.

我已经没有像这样使用jquery的类似函数了:

$('.articles').append($('#articles-non-attached li'));
        var alphabeticallyOrderedDivs = $('.articles li').sort(function(a, b) {
            return String.prototype.localeCompare.call($(a).data('title').toLowerCase(), $(b).data('title').toLowerCase());
        });

但现在我只需要使用Javascript.

到目前为止我有:

var stores_li = document.querySelectorAll('.store-list-item');

//stores_li.sort();

[].slice.call(stores_li).sort(function(a, b) {
    var textA = a.getAttribute('data-title').toLowerCase()
    var textB = b.getAttribute('data-title').toLowerCase()
    return (textA  textB) ? 1 : 0;
    //return String.prototype.localeCompare.call(textA,textB);

});

  
Test 1
  
Test 3
  
Test 2
  
Test 4

var stores_li = document.querySelectorAll('.store-list-item');

[].slice.call(stores_li).sort(function(a, b) {
    var textA = a.getAttribute('data-title').toLowerCase()
    var textB = b.getAttribute('data-title').toLowerCase()
    return (textA  textB) ? 1 : 0;
})
  .forEach(function(el) {el.parentNode.appendChild(el)});

  
Test 1
  
Test 3
  
Test 2
  
Test 4