上面的代码可以很好地根据“级别”插入项目,而无需使用任何复杂的排序算法,但是有一个问题,当没有准备好的标记时,级别 2 仍将位于级别 1 之上。
$(document).ready(function() {
$('button').click(function() {
var lvl = $('select').val();
var ref = $('li.level' + lvl).last();
var newLi = $('<li class="level'+ lvl + '">' + lvl + ' </li>');
console.log(ref);
(ref.length > 0) ? newLi.insertAfter(ref) : $("ul").append(newLi);
});
});