Bagaimana saya bisa menambahkan atribut ke tag HTML tertentu di jQuery?
Misalnya, suka HTML sederhana ini:
<input id="someid" />
Kemudian menambahkan atribut disable = "true" seperti ini:
<input id="someid" disabled="true" />
Bagaimana saya bisa menambahkan atribut ke tag HTML tertentu di jQuery?
Misalnya, suka HTML sederhana ini:
<input id="someid" />
Kemudian menambahkan atribut disable = "true" seperti ini:
<input id="someid" disabled="true" />
Jawaban:
Anda dapat menambahkan atribut menggunakan attr
seperti:
$('#someid').attr('name', 'value');
Namun, untuk properti DOM seperti checked
, disabled
dan readonly
, cara yang tepat untuk melakukan ini (pada JQuery 1.6) adalah menggunakan prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
tidak bekerja, tetapi $('#someid').attr('disabled', true);
berfungsi dengan baik.
attr
atau 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
solusi terbaik: dari jQuery v1.6 Anda dapat menggunakan prop () untuk menambahkan properti
$('#someid').prop('disabled', true);
untuk menghapusnya, gunakan removeProp()
$('#someid').removeProp('disabled');
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.
Anda dapat melakukan ini dengan .attr
fungsi jQuery , yang akan mengatur atribut. Menghapusnya dilakukan melalui .removeAttr
fungsi.
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
Tambahkan atribut sebagai:
$('#Selector_id').attr('disabled',true);
Ini bisa lebih membantu ....
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
.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.
$('#yourid').prop('disabled', true);
gunakan kode ini <script> $('#someid').attr('disabled,'true'); </script>
<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