我试图使用selenium webdriver java在GoIbibo中自动预订机票。当我们从city＆＃34;输入值＆＃34;时，列表将显示为自动提示。
但是我无法使用xpath检测自动提示中的元素。由于无法检查列表，因此无法找到显示列表的确切xpath或id。我使用下面的代码来查找显示的元素，但这也无效。
mmk.ARR请帮助识别自动提示列表中的元素，并从自动提示列表中选择所需的元素。使用的网址 - https://www.goibibo.com/
答案 0 :(得分：1)
好的，这是该列表的html
<section class="\"searchList" col-md-12="" col-sm-12="" col-xs-12="" autowrap="" pad0="" flt\"=""><div class="\"searchListInnrWrap\""><div class="\"width100" fl\"=""><ul id="\"react-autosuggest-1\"" class="\"col-md-12" col-sm-12="" col-xs-12="" autowrap="" pad0="" autosuggestboxlist="" flt\"="" role="\"listbox\""><li id="\"react-autosuggest-1-suggestion--0\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Dublin</span><!-- react-text: 466 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(DUB)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Dublin Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">Ireland</small><span class="\"flag-sprt" vmid="" dib="" ie\"=""></span></span><span class="\"clearfix\""> </span><!-- react-text: 475 --><!-- /react-text --></div></div></li><li id="\"react-autosuggest-1-suggestion--1\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Atlanta</span><!-- react-text: 483 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(ATL)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Hartsfield Jackson Atlanta International Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 494 --> <!-- /react-text --><span class="\"fb\"">(212</span><!-- react-text: 496 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--2\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>San Francisco</span><!-- react-text: 505 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(SFO)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">San Francisco International Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 516 --> <!-- /react-text --><span class="\"fb\"">(60</span><!-- react-text: 518 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--3\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Dallas</span><!-- react-text: 527 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(DFW)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Dallas Fort Worth International Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 538 --> <!-- /react-text --><span class="\"fb\"">(164</span><!-- react-text: 540 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--4\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Cincinnati</span><!-- react-text: 549 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(CVG)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Cincinnati Northern Kentucky International Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 560 --> <!-- /react-text --><span class="\"fb\"">(163</span><!-- react-text: 562 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--5\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Livermore</span><!-- react-text: 571 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(LVK)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Livermore Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 582 --> <!-- /react-text --><span class="\"fb\"">(14</span><!-- react-text: 584 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--6\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Columbus</span><!-- react-text: 593 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(CBM)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Colombus Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 604 --> <!-- /react-text --><span class="\"fb\"">(18</span><!-- react-text: 606 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--7\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Columbus</span><!-- react-text: 615 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(LCK)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Columbus Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 626 --> <!-- /react-text --><span class="\"fb\"">(18</span><!-- react-text: 628 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li><li id="\"react-autosuggest-1-suggestion--8\"" class="\"react-autosuggest__suggestion\"" role="\"option\""><div class="\"\""><div class="\"fl" padt5="" hidden-sm="" padr10="" hidden-xs\"=""><i class="\"fl" icon-flights="" ico14\"=""></i></div><div class="\"dib" col-md-11="" col-sm-12="" col-xs-12="" pad0="" textoverflow\"=""><div class="\"mainTxt" clearfix\"=""><span>Columbus</span><!-- react-text: 637 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(OSU)</span></div><div class="\"fl" auto-ctryair-ellip="" mobellipsis="" padt2\"=""><span class="\"clearfix\""><small class="\"font12Lt\"">Columbus Airport</small></span></div><span class="\"fr\""><small class="\"font12Lt" vmid="" padr5="" dib\"="">United States</small><span class="\"flag-sprt" vmid="" dib="" us\"=""></span></span><span class="\"clearfix\""> </span><span class="\"clearfix\""><small class="\"font12Lt\""><!-- react-text: 648 --> <!-- /react-text --><span class="\"fb\"">(18</span><!-- react-text: 650 --> KMs from <!-- /react-text --><span class="\"fb\"">Dublin, United States)</span></small></span></div></div></li></ul></div></div></section>
你的元素是跨度
<div class="\"mainTxt" clearfix\"=""><span>Dublin</span><!-- react-text: 466 --> <!-- /react-text --><span class="\"txtTransUpper" ico14="" greylt\"="">(DUB)</span></div>
在您声明驱动程序变量后立即使用此行，因此您不必使用任何显式等待。
driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS)
使用此代码点击它
driver.findElement(By.id("gosuggest_inputSrc")).sendKeys "Dublin (DUB)"
driver.findElement(By.xpath("//span[normalize-space()='Dublin']").click