jQuery-クラスの要素から属性の値のリストを取得します

.objectという属性を持つクラスがありますlevel。levelページ上のすべての異なる値のリストを取得して、最も高い値を選択できるようにします。

私が次のようなことをした場合：

$(".object").attr("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();

質問の2番目の部分では、この手法を使用して最高の値を取得できます

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