jquery - jquery在表中查找最大的TD

Question

我有一个看起来类似于以下的表

<table id="mytable">
    <tr><td>1</td><td>Data here</td></tr>
    <tr><td>3</td><td>Data here</td></tr>
    <tr><td>2</td><td>Data here</td></tr>
</table>

我如何使用 jquery 来检索数字 3，因为它是 3 行中最高的？我不能使用 last 或 first ，因为不能保证这些行会被排序。

Answer 1

尝试这样的事情：

var max = Math.max.apply(Math, $('td:first-child').map(function(i,elem){ 
    return Number($(elem).text()); 
}));

现场演示

Answer 2

var max = 0;
$('#mytable tr').find('td:first').each(function(){
    max = Math.max($(this).html(),max);
});​​​​​​​​​​​​​​​​​​​​​​​​​​
    alert(max);

jsfiddle中的代码

Answer 3

我猜 jQuery 不能直接做，但你可以自己做。

var max = -1;
$("tr > td").each(function(index, element) {
    var n = Number($(element).html());
    if (n != NaN && max < n) {
        max = n;
    }
});

//console.log("your max value is " + max);

http://jsfiddle.net/N6MaJ/

Answer 4

您可以将它们读入数组，然后使用 JavaScript 的 max 函数：

Math.max.apply(Math,$('#mytable td:nth-child(1)').map(function() {
  return $(this).text();
}).get());