页面上有以下HTML,这是一个下拉菜单,我需要从中选择要搜索的第一个元素。
<div class="tt-menu" style="position: absolute; top: 100%; left: 0px; z-index: 100;">
<div class="tt-dataset tt-dataset-omnisearch">
<div class="clearfix location tt-suggestion tt-selectable">
<div class="pull-left icon-container"><span class="icon"></span></div>
<div class="text-container">
<div><strong class="tt-highlight">Destin</strong>, Florida, United States</div>
</div>
</div>
<div class="clearfix poi tt-suggestion tt-selectable">
<div class="pull-left icon-container"><span class="icon"></span></div>
<div class="text-container">
<div><strong class="tt-highlight">Destin</strong> Marina, United States</div>
</div>
</div>
<div class="clearfix charter tt-suggestion tt-selectable">
<div class="pull-left icon-container"><span class="icon"></span></div>
<div class="text-container">
<div><strong class="tt-highlight">Destin</strong>’s Ultimate Guide Service – The Soggy B, Fort Walton Beach, Florida, United States</div>
</div>
</div>
<div class="clearfix charter tt-suggestion tt-selectable">
<div class="pull-left icon-container"><span class="icon"></span></div>
<div class="text-container">
<div><strong class="tt-highlight">Destin</strong>'s Boggy Bayou Inshore Charters, Santa Rosa Beach, Florida, United States</div>
</div>
</div>
<div class="clearfix charter tt-suggestion tt-selectable">
<div class="pull-left icon-container"><span class="icon"></span></div>
<div class="text-container">
<div><strong class="tt-highlight">Destin</strong> Backcountry Fishing, <strong class="tt-highlight">Destin</strong>, Florida, United States</div>
</div>
</div>
</div>
因此,在这种情况下,我想选择美国佛罗里达州德斯汀的元素。 这适用于Chrome和Firefox,但是无论使用Safari进行选择时,无论我写什么,它始终会选择第二个元素。我尝试使用完整的xpath,完整的CSS选择器和自定义CSS选择器,但它从不选择元素。 这是代码(在所有其他浏览器上都可以使用):
def select_first_search_term(self) -> None:
self.remote_web_driver.find_element_by_class_name('tt-suggestion').click()
有问题的网站是:https://fishingbooker.com,它是主页上的菜单。 Safari有理由这么做吗?