Question

我的HTML如下：

<div class="input-group">
<div class="ux-autocomplete">
<input type="text" placeholder="" class="search-input typeahead" autocomplete="off" readonly=""> 
<input type="text" tabindex="" name="query" placeholder="Search" class="search-input typeahead-input" autocomplete="off" aria-autocomplete="both"> 
    <div class="autocomplete-suggestive-text active ">
        <ul class="container">  
            <li><a href="#" class=" "><span>ipho</span>ne plans</a></li>
            <li><a href="#" class=" "><span>ipho</span>ne 6 plans</a></li>
            <li><a href="#" class=" "><span>ipho</span>ne 5s</a></li>
            <li><a href="#" class=" "><span>ipho</span>ne 4</a></li>
            <li><a href="#" class=" "><span>ipho</span>ne 6+</a></li>
        </ul>
    </div>
    </div>
<input type="submit" class="button radius ico ico-only ico-search btn-submit" title="Search" value="Search">

请帮助您了解如何从列表中选择第二项。 我已将列表html放在下面的评论中。

Answer 1

您需要的是通过Chrome Developer Tool打开它

并在完成自动列表后查看最终的HTML

有时您在屏幕上看到的项目不是您在HTML文件中看到的项目

因为它可能会在运行时创建自己的项目

无法使用Watir

1 个答案: