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 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);
$('#someid').prop('disabled', true);tidak bekerja, tetapi $('#someid').attr('disabled', true);berfungsi dengan baik.
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
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 .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");
$('#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