jquery - テーブルセルの内容から最大数を取得する

Question

特定のクラスのテーブルセルから最大数（以下の例では8）を取得しようとしています。配列に変換してからmath.maxを実行する必要があると思いますか？

これは私のHTMLコードです：

<table>
    <tr>
        <td class="id">3</td>
    </tr>
    <tr>
        <td class="id">8</td>
    </tr>
    <tr>
        <td class="id">4</td>
    </tr>
</table>

これは実際に私が試したものですが、384を返すだけです。したがって、math.maxは機能しません。

var varID = $('.id').text();
var varArray= jQuery.makeArray(varID);
alert (varArray);

Answer 1

最善の方法は次のとおりだと思います。

var max = 0;
$('.id').each(function()
{
   $this = parseInt( $(this).text() );
   if ($this > max) max = $this;
});
alert(max);

jsfiddleの例

Answer 2

これを試して：

var high = Math.max.apply(Math, $('.id').map(function(){
         return $(this).text()
}))

http://jsfiddle.net/9mQwT/

Answer 3

この フィドルを確認してください

$(function() {

   // Get all the elements with class id
   var $td = $('table .id');
   var max = 0;
    $.each($td , function(){
        if( parseInt($(this).text()) > max){
           max = parseInt($(this).text())
        }
    });
            console.log('Max number is : ' + max)

});​

parseIntまたはparseFloatを使用して数値に変換できます。それ以外の場合は、文字列のようにASCII値と比較します。