Holen Sie sich die höchsten und niedrigsten Werte eines bestimmten Attribut in jQuery oder Javascript

Question

Ich habe folgende divs:

<div id="2" class="maindiv">test</div> 
<div id="5" class="maindiv">test</div> 
<div id="3" class="maindiv">test</div> 
<div id="1" class="maindiv">test</div> 
<div class="maindiv">test</div>  
<div id="4" class="maindiv">test</div>  

Wie die höchste ID erhalten (5) und die niedrigste id (1) in jQuery oder Javascript ?

Answer 1

function minMaxId(selector) { 
    var min=null, max=null; 
    $(selector).each(function() { 
    var id = parseInt(this.id, 10); 
    if ((min===null) || (id < min)) { min = id; } 
    if ((max===null) || (id > max)) { max = id; } 
    }); 
    return {min:min, max:max}; 
} 

minMaxId('div'); // => {min:1, max:5} 

http://jsfiddle.net/qQvVQ/

Answer 2

Erstellen Sie eine globale Variable und vergleichen Sie sie mit jedem Element unter Verwendung von in einer Schleife.

var maxval = Number.MIN_VALUE, 
    minval = Number.MAX_VALUE; 

$('div').each(function() { 
    var num = parseInt(this.id, 10) || 0; // always use a radix 
    maxval = Math.max(num, maxval); 
    minval = Math.min(num, minval); 
}); 

console.log('max=' + maxval); 
console.log('min=' + minval); 

http://jsfiddle.net/mblase75/gCADe/

Answer 3

var min = Number.MAX_VALUE, max = Number.MIN_VALUE; 
$(".maindiv").each(function() { 
    var id = parseInt(this.id, 10); 
    if (id > max) { 
     max = id; 
    } 
    if (id < min) { 
     min = id; 
    } 
}); 

Answer 4

Zuerst müssen Sie ein Array erstellen, die alle id Werte enthält, dann Math verwenden, um die höchsten/niedrigsten zu bekommen:

var ids = $(".maindiv[id]").map(function() { 
    return parseInt(this.id, 10); 
}).get(); 

var highest = Math.max.apply(Math, ids); 
var lowest = Math.min.apply(Math, ids); 

Example fiddle

Beachten Sie die [id] Attributselektor ist erforderlich, andernfalls wird für den fehlenden Wert 0 angenommen.

Answer 5

Sie sollten dafür Daten anstelle von ID verwenden.

Edit: Ich verkürzte meine Antwort zugunsten von Rory McCrossan angenommene Antwort oben.

Answer 6

var valArray = []; 
$('.maindiv').each(function(){ 
    valArray.push(parseInt($(this).attr('id'), 10)); 
}) 
valArray.sort(function(a, b) { return a - b }) 

valArrayp[0] // lowest 
valArrayp[valArrayp.length - 1] // highest` 

nicht getestet, sollte jedoch funktionieren

Answer 7

Sie die Sortierfunktion, es zu tun verwenden können. Diese

function arrayify(obj){ 
    return [].slice.call(null,obj); 
} 
var all = arrayify(document.querySelectorAll('div[id]')); 
var max = all.sort().pop(); 
var min = all.sort().reverse().pop(); 

ist viel einfacher, dass die Verwendung von jQuery