手风琴排序与jquery

Question

嗨，我有一个手风琴，我想按字母排序。

我要的是在顶部在所有的手风琴4个按钮将它们按字母排序：

姓名，姓氏，街道，城市

因此，这里是我的HTML代码。

<div class="all"> 
     <div class="accordion-head"> 
      <div style="width: 25%;">Name</div> 
      <div style="width: 25%;">Latname</div> 
      <div style="width: 25%;">Street</div> 
      <div style="width: 25%;">City</div> 
     </div> 

    <div class="detail inside_accoridon"> 
     <div class="col_6">Google Maps</div> 
     <div class="col_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div> 
    </div> 
</div> 


<div class="all"> 
     <div class="accordion-head"> 
      <div style="width: 25%;">Name</div> 
      <div style="width: 25%;">Latname</div> 
      <div style="width: 25%;">Street</div> 
      <div style="width: 25%;">City</div> 
     </div> 

    <div class="detail inside_accoridon"> 
     <div class="col_6">Google Maps</div> 
     <div class="col_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div> 
    </div> 
</div> 

希望有人有一个想法，我该如何处理这个问题。

此致敬礼。

Answer 1

一个id属性到您div.all和类加入到TD-标签，如：

<div id="acc-1" class="all"> 
    ... 
    <td class="acc-name" width="25%">Name</td> 
    <td class="acc-lastname" width="25%">Lastname</td> 
    <td class="acc-street" width="25%">Street</td> 
    <td class="acc-city" width="25%">City</td> 
    ... 
</div> 

然后生成姓名，姓氏，街道和城市4个关联数组作为键和手风琴item-id的值如下：

var names = {}; 
$('div.all').each(function() { 
    names[$(this).find('td.name').text()] = $(this).attr('id'); 
}); 

现在，您可以使用array.sort（）对数组排序。并改变手风琴的顺序。