使用jquery将readonly附加到输入

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添加附加输入字段 - readonly
我的html中有几次这种结构。我可以将它添加到第一个吗？ 什么是最好的方式？

Answer 1

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

这只影响第一个输入。

Answer 2

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

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

http://jsfiddle.net/ErdLg/

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

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

http://jsfiddle.net/pZcDq/