遍历JQuery自动完成列表中的第一个值可以通过以下代码示例实现:
// 获取自动完成列表的第一个值
var firstValue = $('.ui-autocomplete li:first-child').text();
// 输出第一个值
console.log(firstValue);
// 或者使用each()方法遍历自动完成列表并找到第一个值
$('.ui-autocomplete li').each(function(index, element) {
// 获取当前列表项的文本
var value = $(element).text();
// 输出第一个值并跳出循环
console.log(value);
return false;
});
这里假设自动完成列表的HTML结构如下:
- Apple
- Banana
- Cherry
以上代码中,我们使用了JQuery选择器获取自动完成列表的第一个列表项,并使用text()方法获取其文本内容。另外,我们还展示了使用each()方法遍历自动完成列表,并在循环中输出每个列表项的文本内容,最后通过return false语句跳出循环,以确保只获取到第一个值。