Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery按字母顺序排序_Jquery_Sorting_Accordion_Alphabetical - Fatal编程技术网

使用jquery按字母顺序排序

使用jquery按字母顺序排序,jquery,sorting,accordion,alphabetical,Jquery,Sorting,Accordion,Alphabetical,嗨,我有一个手风琴,我想按字母顺序排列 我想要的是在所有手风琴的顶部有4个按钮,按字母顺序排列: 姓名、姓氏、街道、城市 这是我的HTML代码 <div class="all"> <div class="accordion-head"> <div style="width: 25%;">Name</div> <div style="width: 25%;">Latname&

嗨,我有一个手风琴,我想按字母顺序排列

我想要的是在所有手风琴的顶部有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>

名称
Latname
街头
城市
谷歌地图
Lorem ipsum dolor sit amet,是一位杰出的领导者。
名称
Latname
街头
城市
谷歌地图
Lorem ipsum dolor sit amet,是一位杰出的领导者。
希望有人知道我该如何处理这件事


致以最诚挚的问候。

将id属性添加到您的div.all中,并将class添加到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>

现在可以使用array.sort()对数组进行排序;改变手风琴的顺序。

好了:-这真是太难看了!但它应该会让你知道这是怎么回事。Thx你救了我一天:)
var names = {};
$('div.all').each(function() {
    names[$(this).find('td.name').text()] = $(this).attr('id');
});