Pilih elemen menurut atribut

Saya memiliki koleksi kotak centang dengan id yang dihasilkan dan beberapa di antaranya memiliki atribut tambahan. Apakah mungkin menggunakan JQuery untuk memeriksa apakah suatu elemen memiliki atribut tertentu? Misalnya, dapatkah saya memverifikasi jika elemen berikut memiliki atribut "myattr"? Nilai atribut dapat bervariasi.

<input type="checkbox" id="A" myattr="val_attr">A</input>

Misalnya bagaimana saya bisa mendapatkan koleksi semua kotak centang yang memiliki atribut ini tanpa memeriksa satu per satu? Apakah ini mungkin?

Apakah maksud Anda dapat memilihnya? Jika demikian, maka ya:

$(":checkbox[myattr]")

if ($('#A').attr('myattr')) {
    // attribute exists
} else {
    // attribute does not exist
}

EDIT:

Di atas akan jatuh ke- elsecabang ketika myattrada tetapi string kosong atau "0". Jika itu masalah, Anda harus mengujinya secara eksplisit undefined:

if ($('#A').attr('myattr') !== undefined) {
    // attribute exists
} else {
    // attribute does not exist
}

Saya tahu ini sudah lama sejak pertanyaan diajukan, tetapi saya menemukan cek menjadi lebih jelas seperti ini:

if ($("#A").is('[myattr]')) {
    // attribute exists
} else {
    // attribute does not exist
}

(Seperti yang ditemukan di situs ini di sini )

Dokumentasi tentang ini dapat ditemukan di sini

Ini akan berhasil:

$('#A')[0].hasAttribute('myattr');

Dalam JavaScript, ...

null == undefined

... mengembalikan true*. Perbedaan antara ==dan ===. Juga, nama undefineddapat didefinisikan (itu bukan kata kunci seperti nullapa) sehingga Anda lebih baik memeriksa beberapa cara lain. Cara yang paling dapat diandalkan adalah membandingkan nilai balik typeofoperator.

typeof o == "undefined"

Namun demikian, membandingkan dengan nol harus berhasil dalam kasus ini.

* Dengan asumsi undefinedsebenarnya tidak terdefinisi.

$("input[attr]").length mungkin opsi yang lebih baik.

Beberapa ide dilontarkan menggunakan "typeof", jQuery ".is" dan ".filter" jadi saya pikir saya akan memposting perbandingan cepat dari mereka. Typeof tampaknya menjadi pilihan terbaik untuk ini. Sementara yang lain akan bekerja, tampaknya ada perbedaan kinerja yang jelas ketika meminta pustaka jq untuk upaya ini.

if (!$("#element").attr('my_attr')){
  //return false
  //attribute doesn't exists
}

seperti pada posting ini , menggunakan .isdan pemilih atribut [], Anda dapat dengan mudah menambahkan fungsi (atau prototipe):

function hasAttr($sel,attr) {
    return $sel.is('['+attr+']');
}

$("input#A").attr("myattr") == null

secara sederhana:

$('input[name*="value"]')

info lebih lanjut: dokumen resmi

Selain memilih semua elemen dengan atribut $('[someAttribute]')atau $('input[someAttribute]')Anda juga dapat menggunakan fungsi untuk melakukan pemeriksaan boolean pada objek seperti dalam penangan klik:

if(! this.hasAttribute('myattr') ) { ...

Saya telah membuat paket npm dengan perilaku yang dimaksudkan seperti dijelaskan di atas dalam pertanyaan.

Tautan ke [npm] dan [github]

Penggunaannya sangat sederhana. Sebagai contoh:

<p id="test" class="test">something</p>
$("#test").hasAttr("class")

mengembalikan true.

Bekerja dengan camelcase juga.

Untuk memilih elemen yang memiliki atribut tertentu, lihat jawaban di atas.

Untuk menentukan apakah elemen jQuery yang diberikan memiliki atribut spesifik, saya menggunakan plugin kecil yang mengembalikan truejika elemen pertama dalam koleksi ajQuery memiliki atribut ini:

/** hasAttr
 ** helper plugin returning boolean if the first element of the collection has a certain attribute
 **/
$.fn.hasAttr = function(attr) {
   return 0 < this.length
       && 'undefined' !== typeof attr
       && undefined !== attr
       && this[0].hasAttribute(attr)
}

JQuery akan mengembalikan atribut sebagai string. Oleh karena itu Anda dapat memeriksa panjang string itu untuk menentukan apakah diset:

if ($("input#A").attr("myattr").length == 0)
 return null;
else
 return $("input#A").attr("myattr");