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属性设置true为几个 中的第一个 macthed 输入元素li.tagit-now。

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

http://jsfiddle.net/ErdLg/

将readonly属性设置true为每个 中的第一个 macthed 输入元素li.tagit-now。

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

http://jsfiddle.net/pZcDq/