从表格单元格内容中获取最高编号

时间:2012-09-23 22:03:49

标签: jquery

我正在尝试从具有特定类的表格单元格中获取最高数字(下面的示例中为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);

3 个答案:

答案 0 :(得分:12)

我认为最好的方法是:

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

jsfiddle example

答案 1 :(得分:8)

试试这个:

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

http://jsfiddle.net/9mQwT/

答案 2 :(得分:2)

选中此FIDDLE

$(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值进行比较..