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

Question

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

<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 来做到这一点？

谢谢!

Answer 1

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