jquery - 如何更改 JQuery 自动完成框中的 UI?

标签 jquery autocomplete

我有一个 jquery 自动完成文本框。

http://docs.jquery.com/UI/Autocomplete#events

那里的规范显示了这一点:

打开建议菜单时触发。 代码示例

提供回调函数来处理打开事件作为 init 选项。

$( ".selector" ).autocomplete({
   open: function(event, ui) { ... }
});

我有确切的代码并且它工作正常,但在函数中我想设置第一个列表项的样式。

$(ui).length is 1
$(ui).find('ul').length is 0
$(ui).find('li').length is 0

我不知道什么是 ui 或如何使用它。我无法使用 firebug,因为一旦单击 firebug 工具栏,弹出对话框就会消失

最佳答案

这个选择器应该可以工作:

ul.ui-autocomplete li:first-child

您可以用它创建 CSS 规则。

关于jquery - 如何更改 JQuery 自动完成框中的 UI?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6900713/

相关文章:

javascript - 从数据库检索图像并显示,以及如何使该图像在窗口中弹出以获得清晰的可见性。

jquery - 根据数组值验证表单

jquery - 使用 ajax 的带有子行的 Shiny 数据表

javascript - 如何使用JS模拟Chrome中点击链接的事件?

javascript - 具有多个输入的自动完成搜索表单php mysql

angular - 如何在primeng的<p-autocomplete>标签中设置默认值

Javascript 匹配类似于 sql like 运算符

javascript - jQuery 便利方法如何在我的 DOM 元素中结束?

autocomplete - 自动完成时如何记录最后一个搜索请求?

java - 如何允许编辑文本中包含特定字符串并向用户显示这些字符串?