javascript - 使用javascript获取最高ID

Question

我有一堆 note div，格式如下：

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

我将如何id使用 javascript 获得最大的？到目前为止，我有：

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

Answer 1

快速而肮脏的方式：

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

这有点短和更复杂（如 Blazemonger 所建议的那样，用于使用reduce，并且还允许负 id 下降到）：Number.NEGATIVE_INFINITY

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 = $('.note-row').sort(function(a, b) { return +a.id < +b.id })[0].id;

http://jsfiddle.net/N5zWe/

Answer 4

为了完整起见，优化的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);

Answer 5

与您找到任何最大循环的方式相同：

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

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

Answer 6

  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