来自active div如何基于多个选择过滤动态div

Question

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

嗨，我需要帮助，我是前端的新手，我的记录显示无序，所有记录都有一个类名。而另一个div有多项选择列表，从那里我传递类名，所以我想记录应根据选择动态显示

我正面临排序div的问题，我是前面的新人，请任何人都可以帮忙。谢谢

下面是我的问题 例如：

<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在主div中是mathe那么child div内容应按顺序进行arraen === < / p>

如果我首先选择了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;
  }
});