我遇到了一个场景，其中我有一个自动完成输入框（jquery 自动完成）。当用户输入内容时，我们会得到一个建议列表。但是在我的请求中，我必须隐藏该列表并通过从该列表中选择元素来显示不同的列表。可以说原始列表是这样的
<ul>
<li><a>first element</a></li>
</ul>
<ul>
<li><a>second element</a></li>
</ul>
我隐藏在 ul 列表上方并通过从此列表中获取元素以 div 结构显示它
<div><div>first element</div></div>
<div><div>second element</div></div>
现在，当用户单击 div 以选择值时，问题就来了。我所做的是触发相应锚标记的点击事件，但它总是选择 ul 列表中的第一个元素，而不是我触发点击事件的那个元素。在分析中，我发现自动完成选择了悬停的那个（在内部它从 this.select 获取元素）。有没有可以实现这一目标的解决方案？
我需要在 div 结构中显示的原因是因为我需要以分页方式显示自动完成列表。
要复制场景，假设我想通过单击“单击以选择”按钮从列表中选择一个元素