JavaScriptをスライスに移動する

Question

別のdivに項目を移動する必要があります（ユーザーがお気に入りを選択できるように）。しかし、元のリストには常に3のスライスが必要ですスライダー。項目が選択ボックスに移動したときに選択されていないボックスは常にここ

に包まれた3つのアンカーとのliタグを保持することは、私のバイオリンここ 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' 
    } 
}