Получить высокий идентификатор с помощью JavaScript

Question

У меня есть куча записки div s в следующем формате:

<div class="note-row" id="1"> 
<div class="note-row" id="2"> 
<div class="note-row" id="4"> 
<div class="note-row" id="5"> 
<div class="note-row" id="6"> 

Как бы я получить с помощью JavaScript крупнейшего id? До сих пор у меня есть:

$('.note-row').each(function() { 
    ?? 
}); 

Answer 1

Быстрый и грязный путь:

var max = 0; 
$('.note-row').each(function() { 
    max = Math.max(this.id, max); 
}); 
console.log(max); 

Это немного короче и более сложные (для использования reduce, а также позволяет отрицательные идентификаторы вплоть до Number.NEGATIVE_INFINITY, как это было предложено Blazemonger):

var max = $('.note-row').get().reduce(function(a, b){ 
    return Math.max(a, b.id) 
}, Number.NEGATIVE_INFINITY); 

Answer 2

Вы могли бы сделать что-то вроде этого:

var ids = $('.note-row').map(function() { 
    return parseInt(this.id, 10); 
}).get(); 

var max = Math.max.apply(Math, ids); 

Answer 3

То же, как вы бы найти максимальный, цикл:

var max = -999; // some really low sentinel 

$('.note-row').each(function() { 
    var idAsNumber = parseInt(this.id, 10); 
    if (idAsNumber > max) { 
     max = idAsNumber; 
    } 
}); 

Answer 4

var maxID = -1; 
    $('.note-row').each(function() { 
     var myid = parseInt($(this).attr('id'),10); 
     if(maxID < myid) maxID = myid; 
    }); 
    // the value of maxID will be the max from id-s 

Answer 5

Забавно, но это также работает:

var max = $('.note-row').sort(function(a, b) { return +a.id < +b.id })[0].id; 

http://jsfiddle.net/N5zWe/

Answer 6

В интересах полноты, оптимизированное решение Vanilla JS:

var n = document.getElementsByClassName('note-row'), 
    m = Number.NEGATIVE_INFINITY, 
    i = 0, 
    j = n.length; 
for (;i<j;i++) { 
    m = Math.max(n[i].id,m); 
} 
console.log(m);