jQuery的数据表排序数字的DIV内容与标题

  • Z时代
  • 2024-01-10
  • 分类：问答

海兰家伙，jQuery的数据表排序数字的DIV内容与标题

我使用此代码排序自然的列：

-2 
-1 
0 
1 
2 
    function naturalSort(a, b) { 
    var re = /(^-?[0-9]+(\.?[0-9]*)[df]?e?[0-9]?$|^0x[0-9a-f]+$|[0-9]+)/gi, 
     sre = /(^[ ]*|[ ]*$)/g, 
     dre = /(^([\w ]+,?[\w ]+)?[\w ]+,?[\w ]+\d+:\d+(:\d+)?[\w ]?|^\d{1,4}[\/\-]\d{1,4}[\/\-]\d{1,4}|^\w+, \w+ \d+, \d{4})/, 
     hre = /^0x[0-9a-f]+$/i, 
     ore = /^0/, 
    // convert all to strings and trim() 
     x = a.toString().replace(sre, '') || '', 
     y = b.toString().replace(sre, '') || '', 
    // chunk/tokenize 
     xN = x.replace(re, '\0$1\0').replace(/\0$/, '').replace(/^\0/, '').split('\0'), 
     yN = y.replace(re, '\0$1\0').replace(/\0$/, '').replace(/^\0/, '').split('\0'), 
    // numeric, hex or date detection 
     xD = parseInt(x.match(hre)) || (xN.length != 1 && x.match(dre) && Date.parse(x)), 
     yD = parseInt(y.match(hre)) || xD && y.match(dre) && Date.parse(y) || null; 
    // first try and sort Hex codes or Dates 
    if (yD) if (xD < yD) return -1; 
    else if (xD > yD) return 1; 
    // natural sorting through split numeric strings and default strings 
    for (var cLoc = 0, numS = Math.max(xN.length, yN.length); cLoc < numS; cLoc++) { 
     // find floats not starting with '0', string or 0 if not defined (Clint Priest) 
     oFxNcL = !(xN[cLoc] || '').match(ore) && parseFloat(xN[cLoc]) || xN[cLoc] || 0; 
     oFyNcL = !(yN[cLoc] || '').match(ore) && parseFloat(yN[cLoc]) || yN[cLoc] || 0; 
     // handle numeric vs string comparison - number < string - (Kyle Adams) 
     if (isNaN(oFxNcL) !== isNaN(oFyNcL)) return (isNaN(oFxNcL)) ? 1 : -1; 
     // rely on string comparison if different types - i.e. '02' < 2 != '02' < '2' 
     else if (typeof oFxNcL !== typeof oFyNcL) { 
      oFxNcL += ''; 
      oFyNcL += ''; 
     } 
     if (oFxNcL < oFyNcL) return -1; 
     if (oFxNcL > oFyNcL) return 1; 
    } 
    return 0; 
}; 
// Natural Sorting 
jQuery.fn.dataTableExt.oSort['natural-asc'] = function (a, b) { 
    return naturalSort(a, b); 
}; 
jQuery.fn.dataTableExt.oSort['natural-desc'] = function (a, b) { 
    return naturalSort(a, b) * -1; 
};

它工作正常，但如果我把一个DIV与标题为内容在数字之前，它不能正常工作：

<div title='juhu'>-1</div > 
<div title='juhu'>-2</div > 
<div title='juhu'>0</div > 
<div title='juhu'>1</div > 
<div title='juhu'>2</div >

有没有人有解决这个问题的方法？

回答：

它有助于在您的Javascript中使用console.log。如果您记录xN和yN数字，您会看到正数字如下所示：<div title="juhu">,1,</div>但负数字看起来像这样<div title="juhu">-,2,</div>。

当您遍历标记化的字符串时，当您比较正数到负数时，第一个比较将比较<div title="juhu">和<div title="juhu">-。它会将它们作为纯ASCII进行比较，因此在“asciibetical”顺序中，<div title="juhu">小于<div title="juhu">-。

你naturalSort函数的顶部添加此：

function naturalSort(a, b) { 
a = typeof a.replace == 'function' ? 
     a.replace(/<[\s\S]*?>/g, "") : a; 
    b = typeof a.replace == 'function' ? 
     b.replace(/<[\s\S]*?>/g, "") : b;

这将去掉HTML标记，并应解决您的问题。

数据表是优秀的，往往就会有你需要建在什么看这个页面，它可以帮助：http://www.datatables.net/plug-ins/type-detection

我上面使用的代码来自于“数字与HTML”部分。

以上是 jQuery的数据表排序数字的DIV内容与标题 的全部内容， 来源链接： utcz.com/qa/265373.html

回到顶部