jQuery - Ruft eine Liste der Werte eines Attributs aus Elementen einer Klasse ab

Ich habe eine Klasse .objectmit einem Attribut namens level. Ich möchte eine Liste aller verschiedenen Werte levelauf der Seite erhalten, damit ich den höchsten auswählen kann.

Wenn ich so etwas mache wie:

$(".object").attr("level")

... bringt mir das eine Liste von Werten, die die Werte des Level-Attributs sind? Ich vermute nicht, aber wie macht man so etwas?

Hinweis: Ich möchte nicht wie üblich ein HTML-Objekt zur Bearbeitung auswählen, sondern Werte des Attributs auswählen.

EDIT: Um das höchste "Level" zu erreichen, habe ich dies getan, aber es scheint nicht zu funktionieren. Ich werde jetzt die andere vorgeschlagene Methode ausprobieren.

var highLevel=0;
$.each(".object[level]", function(i, value) {
   if (value>highLevel) {
       highLevel=value;
   }
});

alert(highLevel);

$(".object").attr("level")gibt nur das Attribut des ersten .objectElements zurück.

Dadurch erhalten Sie eine Reihe aller levels:

var list = $(".object").map(function(){return $(this).attr("level");}).get();

Erster Teil der Frage: Abrufen der Attributwerte in ein Array. Siehe diese Frage

jQuery ruft img-Quellattribute aus der Liste ab und überträgt sie in das Array

Du würdest sagen

var levelArray = $('.object').map( function() {
    return $(this).attr('level');
}).get();

Im zweiten Teil der Frage können Sie diese Technik verwenden, um den höchsten Wert zu erzielen

var maxValue = Math.max.apply( Math, levelArray );

<script type="text/javascript"> 
var max = 0;
jQuery(document).ready(function(){ 
    jQuery('.object[level]').each(function(){
        var num = parseInt($(this).attr('level'), 10);
        if (num > max) { max = num; }
    });
    alert(max);
});
</script>

Ich gehe von einem solchen Markup aus:

<div class="object" level="1">placeholder</div>
<div class="object" level="10">placeholder</div>
<div class="object" level="20">placeholder</div>
<div class="object" level="1000">placeholder</div>
<div class="object" level="40">placeholder</div>
<div class="object" level="3">placeholder</div>
<div class="object" level="5">placeholder</div>

Für meinen Code werde ich mit "1000" benachrichtigt.

Hier ist eine andere Lösung, die mehrere der anderen Antworten von Harpo, Lomaxx und Kobi kombiniert:

jQuery(document).ready(function(){ 
    var list = $(".object[level]").map(function(){
        return parseInt($(this).attr("level"), 10);
    }).get();
    var max = Math.max.apply( Math, list ); 
    alert(max);
});

der Selektor

$(".object[level]")

gibt Ihnen alle dom-Elemente mit Klasse objectund einem Attribut level.

Dann können Sie einfach die .each () -Methode verwenden, um die Elemente zu durchlaufen und den höchsten Wert zu erhalten

Sie können die Funktionalität von Jquery erweitern und Ihre eigene 'attrs'-Implementierung hinzufügen.

Fügen Sie Ihrer JavaScript-Datei die folgenden Codezeilen hinzu:

jQuery.fn.extend({
    attrs: function (attributeName) {
        var results = [];
        $.each(this, function (i, item) {
            results.push(item.getAttribute(attributeName));
        });
        return results;
    }
});

Jetzt können Sie die Liste der Ebenenwerte abrufen, indem Sie Folgendes aufrufen:

$(".object").attrs("level")