jqueryドラッグ・アンド・ドロップIDの制限数

Question

divのドラッグ・アンド・ドロップ可能なリストをドロップすると、そこにIDのリストが返されます。

このコードには何とか2つの機能を追加する必要があります。

1）
ドロップダウンリストには5つのオプションがあります。ユーザーがこれらの番号の1つを選択すると、divの最初のX番号を強調表示する必要があります。ユーザーが9を選択した場合、ドラッグアンドドロップリストの最初の9つのdivが必要です。背景色を変更すると、9つのdivが選択されていることがわかります。
また、このドロップダウンリスト番号がこの番号を保存するように変更されたときはいつでも、別のajax呼び出しを行う必要があります。
このドロップダウンではDBから番号がプルされるので、既にDBに99個のユーザーが保存されている場合、このページにアクセスすると9個のdivがすでに選択されていて、9個のdivが既に選択されている

2）
ドラッグドロップ部分では、このような値が0 | 1 | 2 | 3 | 4 | 5などの正しい順序で返されます。私は最初のX量の数字だけを返すようにこのリストを制限する必要があります。上記のドロップダウンボックスが9を選択した場合は、最初の9 divの順序のみを保存する必要があります。

誰でも助けてください。

<ul id="gallery"> 
    <li itemID='12'> 
     <div>Photo Here</div> 
    </li> 
    <li itemID='23'> 
     <div>Photo Here</div> 
    </li> 
    <li itemID='32'> 
     <div>Photo Here</div> 
    </li> 
    <li itemID='43'> 
     <div>Photo Here</div> 
    </li> 

    ...up to hundreds 
</ul> 


<script type="text/javascript"> 

    $("#gallery").dragsort({ 
     dragSelector: "li div", 
     dragEnd: saveOrder 
    }); 

    function saveOrder() { 
     var serialStr = ""; 
     $("#gallery li").each(function(i, elm) { 
      serialStr += (i > 0 ? "|" : "") + $(elm).attr("itemID"); 
     }); 
     alert(serialStr); 
     // $.ajax({ url: "saveorder.php/SaveListOrder", data: '{"ids":"' + serialStr + '"}', dataType: "json", type: "POST", contentType: "application/json; charset=utf-8" }); 
    }; 

</script> 

Answer 1

使用このCSSセレクタ：だから http://api.jquery.com/lt-selector/

：

var serialStr = ""; 
var list = $("#gallery li:lt(" + $("#limit").val() + ")"); 
list.addClass("highlight").each(function(i, elm) { ... }); 
alert(serialStr);