jQuery - obtém uma lista de valores de um atributo de elementos de uma classe

Eu tenho uma classe .objectque tem um atributo chamado level. Quero obter uma lista de todos os diferentes valores de levelna página para poder selecionar o mais alto.

Se eu fizer algo como:

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

... isso me dará uma lista de valores que são os valores do atributo de nível? Eu suspeito que não, mas então como você faz algo assim?

Nota: Não quero selecionar um objeto HTML para manipulação, como é mais comum, em vez disso, quero selecionar valores do atributo.

EDITAR: A fim de obter o "nível" mais alto, fiz isso, mas não parece funcionar. Vou tentar o outro método sugerido agora.

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

alert(highLevel);

$(".object").attr("level")retornará apenas o atributo do primeiro .objectelemento.

Isso fornecerá a você uma matriz de todos os levels:

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

Primeira parte da pergunta, colocando os valores dos atributos em um array. Veja esta questão

jQuery obtém atributos de origem img da lista e empurra para o array

Você diria

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

Segunda parte da pergunta, você pode usar essa técnica para obter o valor mais alto

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>

Estou assumindo uma marcação como esta:

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

Para o meu código, recebo um alerta de "1000".

Aqui está outra solução, combinando várias das outras respostas de harpo, lomaxx e Kobi:

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

o seletor

$(".object[level]")

lhe dará todos os elementos dom com classe objecte um atributo level.

Em seguida, você pode apenas usar o método .each () para iterar os elementos e obter o valor mais alto

Você pode estender a funcionalidade do Jquery e adicionar sua própria implementação de 'atributos'.

Adicione as seguintes linhas de código ao seu arquivo JavaScript:

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

Agora você pode obter a lista de valores de nível chamando:

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