是否可以设置jQuery自动完成组合框的宽度？

.ui-autocomplete-input
 {
     width: 300px;
 }

一个简单的

$('.ui-autocomplete-input').css('width','300px')

工作(我试图在链接页面与Firebug)更改页面上的第一个。

您可以执行以下操作：

$($('.ui-autocomplete-input')[n]).css('width','300px') #N is the nth Box on the page

更改第N个。

要通过特性找到一个特定的，你可以在许多方面做到。

通过第一个“选项”(在本例中为“asp”)找到它：

$('.ui-autocomplete-input').map(function(){if ($(this).parent().children()[1].options[0].text == 'asp'){ $(this).css('width','300px'); return false;} })

找到它的“标签”：

$('.ui-autocomplete-input').map(function(){if ($($(this).parent().children()[0]).text() == "Your preferred progrAMMing language: "){ $(this).css('width','300px'); return false;}})

等等…

我会更新，如果你有一个想法，如何你想找到你的组合框。

编辑评论

oo，这使它更容易。从您链接到的示例源中，HTML已经包装在div中：

<div class="ui-widget" id="uniquEID">
    <label>Your preferred progrAMMing language: </label>
    <SELEct>
        <option value="a">asp</option>
        <option value="c">c</option>
        <option value="cpp">c++</option>
        <option value="cf">coldfusion</option>
        <option value="g">groovy</option>
        <option value="h">haskell</option>
        <option value="j">java</option>
        <option value="js">javascript</option>
        <option value="p1">perl</option>
        <option value="p2">PHP</option>
        <option value="p3">python</option>
        <option value="r">ruby</option>
        <option value="s">scala</option>
    </SELEct>
</div>

我会给那个div一个唯一的id然后：

$('#uniquEID > input.ui-autocomplete-input').css('width','300px')

它选择您的div的子元素，它们是具有类“ui-autocomplete-input”的输入。