javascript - 不使用排序数组的动态列表排序

Question

我正在考虑某种排序算法来执行动态数组排序列表，但是这个http://jsfiddle.net/Hms7Y/1/似乎能够用更简洁的代码解决我的问题。但是还有几个步骤要做。

$(document).ready(function() {
  $('button').click(function() {
    var lvl = $('select').val();
    var ref = $('li.level' + lvl).last();
    $('<li class="level" '+ lvl + '>' + lvl + ' </li>').insertAfter(ref);
  });
});

如果最初我没有任何 HTML 标记怎么办，现在我脑子里想的是使用 3 if 语句来检查用户插入 li 时它是否是第一个 li。还有其他更好的方法吗？

Answer 1

试试这个jsFiddle

$(document).ready(function() {
  $('button').click(function() {
    var lvl = $('select').val();
    var ref = $('li.level' + lvl).last();
    var newLi =  $('<li class="level'+ lvl + '">' + lvl + ' </li>');

    (ref.length > 0) ? newLi.insertAfter(ref) : $("ul").append(newLi);
  });
});

或者像这个jsFiddle

(ref.length > 0) ? ref.after(newLi) : $("ul").append(newLi);