我有一些简单的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()本身.
