如何查看 jquery autocomplete 补全元素的 element

在研究自动化测试过程中，

需要根据id,css，或者xpath 获取元素。

但是在系统中，有些自动补全的元素，无论任何操作，都会将自动补全的 选择框 给隐藏掉。

查看 自动补全 的元素步骤如下。

在控制台 的 elements 中，查看所有元素。

只要是 当前页面，有自动补全输入框，肯定有这样一个元素。

<ul></ul>

并且，只要是，自动补全用法如下的，

        $(".searchcomplete").autocomplete({
            source: $("#hiddenContext").text() + "/search/autosuggest",
            minLength: 3,
            select: function(event, ui) {
                $(".searchcomplete").val(ui.item.value);
                $("#global-search-form").submit();
            }
        });

	 $.ajax({
			"dataType" : 'json',
			"type" : "POST",
			"cache" : false,
	       "url" : $('#ctx').val() + '/pages/fdeploy/form/findAllTaskForList',
			"success" : function(response) {
				for(var i in response) {
					var item = response[i];
					item["label"] = " "+item.name;
					
				}
				alert($(this).attr('name'));
				//默认取第一个
				$("#name").autocomplete({
					source: response,
					autoFocus: true,
					delay: 0,
					minLength: 0,
					selectFirst :true,
					select: function(event, ui) {
						$("#name").val(ui.item.name);
						return false;
					}
				});
				
			},
			"error" : function(response) {
				alert("加载异常!");
			}
		});

页面中，肯定有这样一个元素。

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="z-index: 1; display: none;"></ul>

没错，自动补全的元素，就在这个 ul 中。

所有样例，如图下：

只要是找到 element 在 控制台中，就一切完成了。