Holen Sie sich die höchsten und die niedrigsten Werte für ein bestimmtes Attribut in jQuery oder Javascript

Habe ich 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 man die höchste id (5) und die niedrigste id (1) in jQuery oder Javascript?

document.getElementById();?
Welches Attribut in Ihrem Fall?
Hm, ich glaube nicht, dass diese ids gibt es noch gültig ist. So oder so: api.jquery.com/each
Sie sind gültig. Die einzige Einschränkung auf id ist, dass es keine Leerzeichen enthalten darf.
afaik eine id nicht mit einer Zahl beginnen
Sie wissen nicht weit genug: w3.org/community/webed/wiki/HTML/Attributes/_Global
ah, ich denke, es hat mehr Freizügig mit der html5-Spezifikation dann

InformationsquelleAutor Michael Samuel | 2013-02-08

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/

InformationsquelleAutor maerics

21

Zuerst müssen Sie erstellen ein array mit allen id Werte, dann verwenden Sie Math den höchsten/niedrigsten Wert:
```
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);
```
Beispiel Geige

Hinweis: die [id] Attribut-Selektor ist erforderlich, sonst 0 angenommen wird für den fehlenden Wert.
- 12 Sekunden langsamer als ich, aber mit einem Beispiel, also +1!
- +1 für Mathe.max.bewerben
- Ich Tat, war meine Antwort, aber Sie ist hervorragend!
- Das nenne ich eine ein tiefes Verständnis sowohl für JavaScript und jQuery.
- Es ist eine feine Lösung, aber einige vielleicht meckern über die Verwendung von globals und die unnötigen zwei Durchläufen durch die Liste, wenn min/max bestimmt werden kann in einem Durchgang.
- Die meisten, wenn nicht alle Antworten sind perfekt, aber ich bin die Wahl für die meisten vorwärts...danke 🙂
- Die globals?
- Jetzt gibt es ein problem...wenn eine id ist keine Zahl, wird das Ergebnis "NaN"
- das ist eine einfache Lösung, die Verwendung parseInt oder parseFloat um this.id oder prüfen Sie einfach isNaN zu missachten Wert.
- Bearbeiten können Sie das Beispiel oder veranschaulichen mehr als ich kann nicht verstehen, was du meinst...danke 🙂
- Ich habe aktualisiert, um zu verwenden parseInt so, dass die Werte umgewandelt werden in numerische. Wenn dies immer noch nicht beheben Ihre Probleme, die Sie würde am besten sein, starten Sie eine neue Frage
- Super Antwort!!
InformationsquelleAutor Rory McCrossan

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;
    }
});

InformationsquelleAutor Explosion Pills

Erstellen Sie eine Globale variable und Vergleiche jedes element mit Math.max innerhalb 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/

InformationsquelleAutor Blazemonger

1

Können Sie die sort-Funktion, um es zu tun.
```
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();
```
Dies ist einfacher, dass mit Hilfe von jQuery
- dies ist auch ein netter Ansatz..danke 🙂
- Ich aktualisiert, da ich was verpasst. Überprüfen Sie den neuen code.
InformationsquelleAutor Licson
1

Sollten Sie die Daten verwenden, anstelle von id für dieses.
```
<div data-value="2" class="maindiv">test</div>
<div data-value="5" class="maindiv">test</div>
<div data-value="3" class="maindiv">test</div>
etc.
```
Edit: ich verkürzte meine Antwort zugunsten von Rory McCrossan, akzeptiert obige Antwort.
- warum? id wird Häufig verwendet, da eine eindeutige Kennung
- Auch id kann verwendet werden, aber die Daten besser geeignet ist. Wie Sie in Ihrer Frage erwähnt sind diese Werte. Ids dienen als Bezeichner und nicht als Werte.
- denn eine ID sollte nicht zum speichern von Daten, sondern Daten -* - Attribute sind. Also mit dem data-Attribut ist eine bessere Wahl.
- Wie würden Sie implementieren die Verwendung der Daten, -* Rory McCrossan Antwort?
InformationsquelleAutor James Donnelly

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`

Habe es nicht getestet, sollte aber funktionieren

InformationsquelleAutor Wasula Kankanamge

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.