jquery - jquery Find greatest TD in a table

Question

I have a table that looks similar to the following

<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>

How do I use jquery to retrieve the number 3 since it is the highest of the 3 rows? I cannot use last or first since it is not guaranteed that the rows will be ordered.

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());