Question

我有一堆音符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">

如何使用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，并允许负值ID降至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 = $('.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

你找到任何max，loop的方式相同：

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

使用javascript获取最高ID

6 个答案: