javascript 移动按钮并放入切片

Question

我需要将项目移动到不同的 div 中(以便用户可以选择他们最喜欢的项目)，但是我需要原始列表始终有 3 个切片，因为它将位于 slider 中。因此，当一个项目移动到选定的框时，未选定的框始终保留一个 li 标签，其中包含 3 个 anchor

这是我的 fiddle http://jsfiddle.net/8VrdE/308/

这是我的js

   var threelist = $("ul#nonSelected > a");
      for(var i = 0; i < threelist.length; i+=3) {
        threelist.slice(i, i+3).wrapAll("<li class='new'></li>");
      }

  function moveButton(elem) {
    if ($(elem).parent().parent().attr("id") == "nonSelected") {
      $(elem).detach().appendTo('#selected');

    } else {
      $(elem).detach().appendTo('#nonSelected');
    }
  }

Answer 1

改变功能

function moveButton(elem) {
  if ($(elem).closest('ul').attr("id") == "nonSelected") {
    $(elem).detach().appendTo('#selected');

  } else {
    $(elem).detach().appendTo(
      // slice parent
      '#nonSelected '
      // slice
      + 'li'
      // dose not have 3 anchors
      + ':not(:has(a:eq(2)))'
      // select first slice(not have 3 a)
      + ':first'
      );
      // base selector
      // '#nonSelected li:not(:has(a:eq(2))):first'
  }
}