JQueryで特定のHTMLタグに属性を追加する方法を教えてください。
例えば、この単純なHTMLのように:
<input id="someid" />
次に、次のように属性disabled = "true"を追加します。
<input id="someid" disabled="true" />
attr
を使って属性を追加することができます。
$('#someid').attr('name', 'value');
ただし、checked
、disabled
、およびreadonly
などのDOMプロパティの場合、これを行うための適切な方法は(JQuery 1.6以降)prop
を使用することです。
$('#someid').prop('disabled', true);
属性を設定するjQueryの .attr
関数でこれを行うことができます。それらを削除するには .removeAttr
関数を使います。
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
$('#someid').attr('disabled', 'true');
$('.some_selector').attr('disabled', true);
次のように属性を追加します。
$('#Selector_id').attr('disabled',true);
これはもっと役に立つかもしれません....
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
このコードを使用してください<script> $('#someid').attr('disabled,'true'); </script>
$('#yourid').prop('disabled', true);