jquery自动完成重点项目增加字体大小答案

【问题标题】：jquery autocomplete focused item increases font sizejquery自动完成重点项目增加字体大小
【发布时间】：2023-04-10 21:17:02
【问题描述】：

处理 jquery 自动完成
尝试放大焦点项目的字体大小以区分自己使用：
css：li.focused { font-size:16px; }

在 jquery 中自动完成将焦点事件委托给处理程序：
focus: autocompleteItemFocusedHandler,

在function autocompleteItemFocusedHandler(event, ui) {}
可以通过 ui.item 获取焦点项
第一次尝试是更改标签：
ui.item.label = '<a class="focused">' + ui.item.value + "</a>";
但是，这不行

另外，我想使用 jquery addClass() 但从未设法这样做

完整的游乐场：
https://jsfiddle.net/o7g2cb7z/17/
主要是css line 24, javascript line 84-86, 106

很高兴看到任何建议

【问题讨论】：

你想增加输入按钮的字体大小？？？
仅用于解释：li.focused 在您的情况下无法使用。您在 li 上设置 secific，例如 <li class="focused">focus content</li> 而不是 <li><a class="focused">focus content</a></li>。您必须将 css 选择器设置为li a.focused { font-size: 16px }！但请查看用户Arg0n 的回答。这是正确的方法！

标签： javascript jquery css jquery-ui jquery-autocomplete

【解决方案1】：

尝试使用jQuery设置的类：

.ui-state-focus {
    font-size: 16px;
}

（而不是li.focused）

Fiddle

【讨论】：

你做的这么简单~有没有办法操纵焦点元素？我的尝试是获得重点项目并添加重点类
好吧，尝试使用 jQuery 选择它，然后对其进行操作：$('.ui-state-focus')...。如果这个问题得到回答，也许可以发布另一个问题。