jquery - jqueryを使用して入力に読み取り専用をアタッチする

Question

私のhtmlには次の行があります

<li class="tagit-new">
 <input class="ui-widget-content ui-autocomplete-input" type="text" autocomplete="off">
 <span class="ui-helper-hidden-accessible" role="status" aria-live="polite"></span>
</li>

jquery を使用して入力フィールドを追加し、読み取り専用にしたいのです
が、html にこの構造が数回あります。最初だけ追加してもいいですか？
最善の方法は何ですか？

Answer 1

$('.tagit-new:first-of-type').find('input').prop('readonly', true);

これは最初の入力のみに影響します。

Answer 2

複数の で最初に一致した入力要素のreadonlyプロパティをに設定します。trueli.tagit-now

$(".tagit-new input:first").prop('readonly', true);

http://jsfiddle.net/ErdLg/

各 で最初に一致した入力要素のreadonlyプロパティをに設定します。trueli.tagit-now

$(".tagit-new").find('input:first').prop('readonly', true);

http://jsfiddle.net/pZcDq/