jQueryに属性を追加する


回答:


520

次のattrようにして属性を追加できます:

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

ただし、およびのようなDOMプロパティの場合checked、これを行う適切な方法(JQuery 1.6以降)はを使用することです。disabledreadonlyprop

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

28
私にとって$('#someid').prop('disabled', true);はうまくいきませんが、$('#someid').attr('disabled', true);うまくいきます。
VukašinManojlović

4
@VukašinManojlović..にも同意してください。
sstauross 2014

3
attrまたはのどちらを使用するかを決定する前にprop、プロパティと属性の違いを理解することが重要です。違いを理解しないと、予期しない動作が発生する可能性があります。stackoverflow.com/a/6004028/3367343を
Travis Hohl

propをattrの代わりに使用できますか?またはそれはいくつかの特別な場合にのみ使用されますか?
Chaudhry Waqas 2017

41

最善の解決策: jQuery v1.6以降、prop()を使用し てプロパティを追加できます

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

それを削除するには、 removeProp()

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

Reference

また、これらのプロパティをfalseに設定するために.removeProp()メソッドを使用しないでください。ネイティブプロパティをいったん削除すると、再度追加することはできません。詳細については、.removeProp()を参照してください。


29

これを行うには.attr、属性を設定するjQueryの関数を使用します。それらを削除するには、.removeAttr関数を使用します。

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

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

1
削除機能を含めることのボーナス!
BoatCode、2014年





0

これはもっと役立つかもしれません...

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

属性とプロパティはまったく同じではありません。たとえば、「id」は属性であり、プロパティではありません。.attr()設定または読み取りに使用します。jQueryドキュメントの.prop()および.attr()の「属性とプロパティ」の段落を参照してください。上記のPaul Rosaniaの回答も参照してください。
jkdev


0

このコードを使用 <script> $('#someid').attr('disabled,'true'); </script>


何か説明があればもっといいでしょう
mooga

コードを書き込んだ後にjQueryリンクを含めるだけ<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> $ $記号内のテキストid = someidのすべての要素を選択し、このIDの無効な属性をtrueに変更
Vildan Bina
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.