Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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
Javascript 使用Jquery按属性对div排序?_Javascript_Jquery_Frameworks - Fatal编程技术网

Javascript 使用Jquery按属性对div排序?

Javascript 使用Jquery按属性对div排序?,javascript,jquery,frameworks,Javascript,Jquery,Frameworks,我有这个HTML: ​<div indice="1">first</div> <div indice="3">third</div> <div indice="2">second</div> <button onclick="organize();">Sort</button> ​第一 第三 第二 分类 我需要当我点击按钮时,使用ATRIBUTTE“INDITE”和dom将相同的html排序为a

我有这个HTML:

​<div indice="1">first</div>
<div indice="3">third</div>
<div indice="2">second</div>

<button onclick="organize();">Sort</button>
​第一
第三
第二
分类
我需要当我点击按钮时,使用ATRIBUTTE“INDITE”和dom将相同的html排序为asc,如下所示:

​<div indice="1">first</div>
<div indice="2">second</div>
<div indice="3">third</div>
​第一
第二
第三

尝试使用javascripts数组排序方法

$('div').sort(function(a,b){
    return $(a).attr('indice') - $(b).attr('indice');
});

尝试使用javascripts数组排序方法

$('div').sort(function(a,b){
    return $(a).attr('indice') - $(b).attr('indice');
});

您可以尝试使用此链接中的(未经我测试)代码:

只需将比较函数中的.text()替换为 .attr('indice')

如果这不能解决你的问题,让我在几个小时后回答,我会的 在我的笔记本电脑上,我有一个代码片段,完全符合您的要求。

您可以尝试使用此链接中的(未经我测试)代码:

只需将比较函数中的.text()替换为 .attr('indice')

如果这不能解决你的问题,让我在几个小时后回答,我会的
在我的笔记本电脑上,我有一个代码片段,完全符合您的要求。

您尝试了什么?您的代码在哪里?我想知道是否有其他方法可以做到这一点,而不必使用循环遍历最低“索引”后面的所有元素,并将其保存(追加)到一个不可见的div中,并将其保存到循环的末尾,始终寻找最低的,然后将不可见层放置在可见的位置。Jquery要为此提供资源(未找到),请保持代码更干净。您尝试了什么?您的代码在哪里?我想知道是否有其他方法可以做到这一点,而不必使用循环遍历最低“索引”后面的所有元素,并将其保存(追加)到一个不可见的div中,并将其保存到循环的末尾,始终寻找最低的,然后将不可见层放置在可见的位置。Jquery要为此提供资源(未找到),请保持代码更干净。