動的に複数の選択

Question

by default displayed record, data should be displayed based on multiple check box

こんにちは基づいてDIVどのようにフィルタリングするために、私はフロントエンドのために新しいです、助けを必要とし、私は順不同で表示されているレコードを持っている、すべてのレコードは、クラス名を持つています。別のdivには複数の選択肢のリストがあります。クラス名を渡していますので、選択に基づいて動的に表示する必要があります

divをソートする際に問題に直面しています。いずれもhelp.thanksことができますしてください以下

は私の問題です 例：

<div class="main> 

    <div class="aa"> data elements or contents</div> 
    <div class="zz"> data elements or contents</div> 
    <div class="cc"> data elements or contents</div> 
    <div class="aa"> data elements or contents</div> 
    <div class="bb"> data elements or contents</div> 

</div> 

====と別のdivに私はその場合は、クラス名やIDを渡すことができ、そこから複数の選択肢のオプションを持っていますidまたはclassnameはmain divでマッチしていて、child divのコンテンツはその順番でアレンジされるべきです===

最初に私が選択した場合、コールAAはその後、BB、そうすぐに結果が=====以下のようにする必要があります

<div class="main> 
    <div class="aa"> data elements or contents</div> 
    <div class="aa"> data elements or contents</div> 
    <div class="bb"> data elements or contents</div> 
    <div class="zz"> data elements or contents</div> 
    <div class="cc"> data elements or contents</div> 
</div> 

Answer 1

あなたはいくつかのコードを共有する必要があり、この

$(function() { 
    $(".main div").sort(sort_div).appendTo('.listitems'); 
    function sort_div(a, b) { 
    //your sorting logic 
    return ($(b).attr('class')) < ($(a).attr('class')) ? 1 : -1; 
    } 
});