【问题标题】:Sorting divs by an attribute with Jquery? [closed]使用 Jquery 按属性对 div 进行排序? [关闭]
【发布时间】:2012-08-23 21:24:48
【问题描述】:

我有这个 HTML:

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

<button onclick="organize();">Sort</button>

当我单击按钮时,我需要使用属性“索引”对相同的 html 进行 asc 排序,并且 dom 看起来像这样:

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

【问题讨论】:

  • 你尝试了什么?你的代码在哪里?
  • 我想知道是否有任何替代方法可以不使用循环遍历最低“索引”后面的所有元素并将其保存(附加)在一个不可见的 div 中并使其结束循环,总是寻找最低的,然后将不可见层有序替换可见。 jquery为此提供资源,没有找到,让代码更干净。

标签: javascript jquery frameworks


【解决方案1】:

使用javascripts数组排序方法试试这个

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

http://jsfiddle.net/nPbk8/

【讨论】:

    【解决方案2】:

    您可以尝试使用此链接中的(未经我测试)代码: james.padolsey.com/javascript/sorting-elements-with-jquery/

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-06-18
      • 1970-01-01
      • 2011-09-02
      • 2018-02-06
      相关资源
      最近更新 更多