我有列表,已经按字母顺序排序如下:
<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');
});
关于javascript - 插入按字母顺序、javascript 或 jquery 排序的新列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11509555/