jquery在表格中找到最好的TD

时间:2012-07-12 16:51:54

标签: jquery

我有一个类似于以下内容的表

<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,因为无法保证行将被订购。

4 个答案:

答案 0 :(得分:4)

尝试这样的事情:

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

Live demo

答案 1 :(得分:2)

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

code in jsfiddle

答案 2 :(得分:0)

我猜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/

答案 3 :(得分:0)

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

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