javascript - 插入按字母顺序排序的新列表，javascript或jquery

我有一些列表，已经按字母顺序排序如下:

<ul>
  <li><a href='#'>Apple</a></li>
  <li><a href='#'>Banana</a></li>
  <li><a href='#'>Grapes</a></li>
<ul>

因此，我想添加一个具有Chico值的新列表，因此应将其插入Banana和Grapes之间，就像它会逐渐消失一样。所以我有一个表单或输入字段来添加新的水果列表...

有什么方法可以使用jquery或javascript吗？

谢谢!

最佳答案

function sortAlpha(a,b){
    return a.innerHTML.toLowerCase() > b.innerHTML.toLowerCase() ? 1 : -1;
}

$("#insert").on('click', function() {
    var newLi = $("<li><a href='#'>"+$("#fruit").val()+"</a></li>").hide();
    $('li', 'ul').add(newLi.fadeIn(800)).sort(sortAlpha).appendTo('ul');
});​

FIDDLE