基于数值属性的DOM元素更有效的jQuery排序方法

发布时间：2020-12-14 19:41:40 所属栏目：资源来源：网络整理

导读：我有一些简单的jQuery编写,根据数值属性排序一些元素,如 http://jsfiddle.net/MikeGrace/Vgavb/所示 // get array of elementsvar myArray = $("#original div");// sort based on timestamp attributemyArray.sort(function (a,b) { // convert to integers

我有一些简单的jQuery编写,根据数值属性排序一些元素,如 http://jsfiddle.net/MikeGrace/Vgavb/所示

// get array of elements
var myArray = $("#original div");

// sort based on timestamp attribute
myArray.sort(function (a,b) {

    // convert to integers from strings
    a = parseInt($(a).attr("timestamp"),10);
    b = parseInt($(b).attr("timestamp"),10);

    // compare
    if(a > b) {
        return 1;
    } else if(a < b) {
        return -1;
    } else {
        return 0;
    }
});

// put sorted results back on page
$("#results").append(myArray);

它工作正常,但我不认为它会缩放,因为总共进行了185次jQuery调用,其中184个获取元素的属性进行比较.

使用jQuery进行排序更有效的方法是什么？

解决方法

如果你担心性能,并确定属性来自哪里,可以直接使用DOM方法,.getAttribute()在这种情况下：

a = parseInt(a.getAttribute("timestamp"),10);
b = parseInt(b.getAttribute("timestamp"),10);

You can test the difference here,因为你看到它的速度不止一个提升,.attr()在内部做了很多额外的工作,在这种情况下,最终会打电话给.getAttribute()本身.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!