Menambahkan atribut dalam jQuery


Jawaban:


520

Anda dapat menambahkan atribut menggunakan attrseperti:

$('#someid').attr('name', 'value');

Namun, untuk properti DOM seperti checked, disableddan readonly, cara yang tepat untuk melakukan ini (pada JQuery 1.6) adalah menggunakan prop.

$('#someid').prop('disabled', true);

28
Bagi saya $('#someid').prop('disabled', true);tidak bekerja, tetapi $('#someid').attr('disabled', true);berfungsi dengan baik.
Vukašin Manojlović

4
Setuju dengan @ VukašinManojlović .. untuk saya sama.
sstauross

3
Sebelum Anda memutuskan apakah akan menggunakan attratau prop, penting untuk memahami perbedaan antara properti dan atribut. Tanpa memahami perbedaannya, Anda cenderung mengalami perilaku yang tidak terduga. Lihat stackoverflow.com/a/6004028/3367343
Travis Hohl

dapatkah prop digunakan sebagai pengganti attr sekarang? atau hanya digunakan dalam beberapa kasus khusus?
Chaudhry Waqas

41

solusi terbaik: dari jQuery v1.6 Anda dapat menggunakan prop () untuk menambahkan properti

$('#someid').prop('disabled', true);

untuk menghapusnya, gunakan removeProp()

$('#someid').removeProp('disabled');

Reference

Perhatikan juga bahwa metode .removeProp () tidak boleh digunakan untuk mengatur properti ini menjadi false. Setelah properti asli dihapus, itu tidak dapat ditambahkan lagi. Lihat .removeProp () untuk informasi lebih lanjut.


29

Anda dapat melakukan ini dengan .attrfungsi jQuery , yang akan mengatur atribut. Menghapusnya dilakukan melalui .removeAttrfungsi.

//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);

//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");

1
Bonus untuk menyertakan fungsi hapus!
BoatCode





0

Ini bisa lebih membantu ....

$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');

Atribut dan properti tidak persis sama. Misalnya, "id" adalah atribut, bukan properti. Anda gunakan .attr()untuk mengatur atau membacanya. Lihat paragraf "Atribut vs. Properti" di bawah .prop () dan .attr () di dokumen jQuery. Lihat juga jawaban Paul Rosania di atas.
jkdev


0

gunakan kode ini <script> $('#someid').attr('disabled,'true'); </script>


akan lebih baik jika Anda memiliki penjelasan
mooga

Cukup sertakan tautan jQuery setelah menulis kode <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> Teks di dalam $ simbol pilih semua elemen dengan id = someid, atribut yang dinonaktifkan dari id ini berubah menjadi true
Vildan Bina
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.