我正在构建一个 jQuery 表排序脚本。是的,是的,我知道有一些插件可以做到这一点,但是摆脱别人的外套尾部有什么乐趣(更不用说完全缺乏学习和理解)?
所以我已经对 alpha 类型进行了很好的排序,我现在正在研究数字排序。
这么快就下来了,而且很脏。我获取列值并将它们插入数组中:
var counter = $(".sort tr td:nth-child("+(columnIndex+1)+")").length;
for (i = 1; i <= counter; i++) {
columnValues.push($(".sort tr:eq("+i+") td:eq("+columnIndex+")").text());
}
然后我对它们进行排序:
columnValues.sort(function(a,b){
return a-b
});
然后我检查唯一的条目(这主要是针对相同的名称):
$.each(columnValues, function(i, el){
if($.inArray(el, uniqueColumns) === -1) uniqueColumns.push(el);
});
然后,我使用该数组作为键列表来从表中获取数据并将其插入另一个数组。这就是问题所在。对于名称,它工作得很好,但对于数字(即 3、30、36)则不然。对于以 3 开头的排序列表,它会在 30 和/或 36 中看到 3 并抓取它。
这是我尝试过的:
for (i = 0; i < counter; i++) {
var key = uniqueColumns[i];
$(".sort tr:contains("+key+") td").each(function(){
rowValues.push($(this).text());
});
}
还有:
for (i = 0; i < counter; i++) {
var key = uniqueColumns[i];
$(".sort tr td").filter(function(i){
if($(this).text() === key) {
rowValues.push($(this).text());
}
});
}
这是使用第一组代码运行代码的 fiddle (比第二组代码效果更好):
更新:
也刚刚尝试过这个(仍然不起作用,适用于初始排序,但不适用于后续排序):
for (i = 0; i < counter; i++) {
var key = uniqueColumns[i];
var found = false;
$(".sort tr:contains("+key+")").filter(function(j){
$(this).children().each(function(){
if ($(this).text() === key) {
found = true;
}
});
$(this).children().each(function(){
if (found) {
rowValues.push($(this).text());
}
});
});
}
最佳答案
我自己想出来了。决定采取完全不同的方法。我从表数据中创建了一个多维数组,然后创建了一个适用于数字和字母数据的自定义排序函数。这是获取数据、对数据排序并重写表格的函数。
function sort(column) {
var columnIndex = $(column).index(),
rowValues = [];
/* Get Data */
$(".sort tr").not(":first-child").each(function () {
var innerArray = [];
$(this).find('td').each(function () {
innerArray.push($(this).text());
});
rowValues.push(innerArray);
});
/* Sort Data */
rowValues.sort((function(index){
return function(a, b){
if (!isNaN(a[index])) {
a[index] = parseInt(a[index]);
}
if (!isNaN(b[index])) {
b[index] = parseInt(b[index]);
}
return (a[index] === b[index] ? 0 :
(a[index] < b[index] ? -1 : 1));
};
})(columnIndex));
/* Replace Data */
$(".sort tr").not(":first-child").each(function(i){
$(this).find("td").each(function(j){
$(this).replaceWith("<td>"+rowValues[i][j]+"</td>");
});
});
}
关于javascript - jQuery 精确数字匹配表排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15116617/