jQuery - obtener una lista de valores de un atributo de elementos de una clase

Question

Tengo una clase .object que tiene un atributo llamado level. Quiero obtener una lista de todos los valores diferentes de level en la página para poder seleccionar la más alta.

Si hago algo como:

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

... será que me obtener una lista de valores que son los valores del atributo de nivel? Sospecho que no, pero ¿cómo haces algo así?

Nota: No deseo seleccionar un objeto HTML para la manipulación, como es más común, prefiero seleccionar los valores del atributo.

EDITAR: Con el fin de obtener el "nivel" más alto que he hecho esto, pero parece que no funciona. Voy a probar el otro método sugerido ahora.

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

alert(highLevel); 

Answer 1

$(".object").attr("level") se acaba de devolver el atributo del primer elemento de la primera .object.

Esto le dará una matriz de todas level s:

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

Answer 2

el selector

$(".object[level]") 

le dará todos los elementos DOM con clase object y un atributo level.

a continuación, puedes usar el método each() para iterar sobre los elementos para obtener el valor más alto

Answer 3

la primera parte de la pregunta, obteniendo los valores de los atributos en una matriz. Ver esta pregunta

jQuery get img source attributes from list and push into array

Se podría decir

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

la segunda parte de la pregunta, puede utilizar el marcado this technique to get the highest value

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

Answer 4

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

estoy asumiendo de esta manera:

<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 mi código me avisan "1000".

Aquí hay otra solución, que combina varias de las otras respuestas de Harpo, lomaxx, y 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); 
}); 

Answer 5

Puede extend the functionality of Jquery y una su propia implementación '' attrs.

Añadir las siguientes líneas de código a su archivo JavaScript:

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

Ahora puede obtener la lista de los valores de nivel llamando al:

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