jQuery - dapatkan daftar nilai atribut dari elemen kelas

Saya memiliki kelas .objectyang memiliki atribut bernama level. Saya ingin mendapatkan daftar semua nilai yang berbeda levelpada halaman sehingga saya dapat memilih yang tertinggi.

Jika saya melakukan sesuatu seperti:

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

... akankah itu memberi saya daftar nilai yang merupakan nilai dari atribut level? Saya kira tidak, tapi kemudian bagaimana Anda melakukan sesuatu seperti itu?

Catatan: Saya tidak ingin memilih objek HTML untuk manipulasi seperti yang lebih umum, saya ingin memilih nilai atribut.

EDIT: Untuk mendapatkan "level" tertinggi saya telah melakukan ini, tetapi tampaknya tidak berhasil. Saya akan mencoba metode lain yang disarankan sekarang.

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

alert(highLevel);

$(".object").attr("level")hanya akan mengembalikan atribut pertama .objectelemen pertama .

Ini akan memberi Anda array dari semua levels:

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

Bagian pertama dari pertanyaan, memasukkan nilai atribut ke dalam array. Lihat pertanyaan ini

jQuery mendapatkan atribut sumber img dari daftar dan mendorong ke dalam array

Anda akan berkata

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

Bagian kedua dari pertanyaan, Anda dapat menggunakan teknik ini untuk mendapatkan nilai tertinggi

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>

Saya mengasumsikan markup seperti ini:

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

Untuk kode saya, saya mendapat peringatan "1000".

Berikut solusi lain, menggabungkan beberapa balasan lain dari harpo, lomaxx, dan 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);
});

selektor

$(".object[level]")

akan memberi Anda semua elemen dom dengan kelas objectdan atribut level.

Kemudian Anda bisa menggunakan metode .each () untuk mengulangi elemen untuk mendapatkan nilai tertinggi

Anda dapat memperluas fungsionalitas Jquery dan menambahkan implementasi 'attrs' Anda sendiri.

Tambahkan baris kode berikut ke file JavaScript Anda:

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

Sekarang Anda bisa mendapatkan daftar nilai level dengan memanggil:

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