jQuery-从类的元素获取属性值列表

我有一个.object具有名为的属性的类level。我想获取level页面上所有不同值的列表，以便选择最高的值。

如果我做类似的事情：

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

...那会给我一个列为level属性值的值列表吗？我怀疑不是，但是那你该怎么做呢？

注意：我不想像更常见的那样选择HTML对象进行操作，而是想选择属性的值。

编辑：为了获得最高的“级别”，我已经做到了，但是似乎没有用。我将尝试其他建议的方法。

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

alert(highLevel);

$(".object").attr("level")只会返回第一个.object元素的第一个属性。

这将为您提供所有level的数组：

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

问题的第一部分，将属性值放入数组中。看到这个问题

jQuery从列表中获取img源属性并推入数组

你会说

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

问题的第二部分，您可以使用此技术获得最高价值

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>

我假设这样的标记：

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

对于我的代码，我收到“ 1000”警报。

这是另一个解决方案，结合了来自harpo，lomaxx和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);
});

选择器

$(".object[level]")

将为您提供具有类object和属性的所有dom元素level。

然后，您可以仅使用.each（）方法对元素进行迭代以获取最高价值

您可以扩展Jquery的功能并添加自己的“ attrs”实现。

将以下代码行添加到您的JavaScript文件中：

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

现在，您可以通过调用以下命令获取级别值列表：

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