無法點擊元素上的懸停相同的類

我有下面的HTML，我必須懸停第一個元素。有三個元素具有相同的類名稱。沒有唯一的標識符。無法點擊元素上的懸停相同的類

這是我的html元素代碼。

<a href="javascript:;" class="nav-link nav-toggle"> 
        <i class="icon-briefcase"></i> 
        <span class="title">Tender</span> 
        <span class="arrow open"></span> 
        <span class="selected"></span> 
       </a>

我曾嘗試下面的代碼，點擊第一個元素是我要懸停

List<WebElement> MainMenu=driver.findElements(By.xpath("//a[@class='nav-link nav-toggle']"));   
     Actions action = new Actions(driver); 
     action.moveToElement(MainMenu.get(0)).build().perform();

但有四個元素盤旋，它的類也一樣了。沒有唯一標識符。

我嘗試下面的代碼

List<WebElement> MainMenu1=driver.findElements(By.xpath("//a[@class='nav-link nav-toggle']")); 
Actions action = new Actions(driver); 
      action.moveToElement(MainMenu.get(0)).build().click();

但不能點擊第二個元素。

我的畫面如下

<!DOCTYPE html> 
<html class="ng-scope" data-ng-app="MetronicApp" lang="en"> 
<head> 
<body class="page-header-fixed page-sidebar-closed-hide-logo ng-scope page-content-white page-sidebar-closed" ng-controller="AppController" ng-class="{'page-content-white': settings.layout.pageContentWhite,'page-container-bg-solid': settings.layout.pageBodySolid, 'page-sidebar-closed': settings.layout.pageSidebarClosed}"> 
<div class="page-spinner-bar hide" ng-spinner-bar=""> 
<div class="page-header navbar navbar-fixed-top ng-scope" data-ng-include="'tpl/header.html'" data-ng-controller="HeaderController" style=""> 
<div class="clearfix"> </div> 
<div class="page-container"> 
<div class="page-sidebar-wrapper ng-scope" data-ng-include="'tpl/sidebar.html'" data-ng-controller="SidebarController" style=""> 
<div class="page-sidebar navbar-collapse collapse ng-scope" ng-show="roleId"> 
<ul class="page-sidebar-menu page-sidebar-menu-closed" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" ng-class="{'page-sidebar-menu-closed': settings.layout.pageSidebarClosed}" style=""> 
<li class="nav-item ng-scope" ng-if="roleId != 3 && roleId != 5 && roleId !=7"> 
<a class="nav-link nav-toggle" href="javascript:;"> 
<ul class="sub-menu adj_submenu"> 
</li> 
<li class="nav-item ng-scope" ng-if="roleId == 2 || roleId == 6 || roleId == 1"> 
</ul> 
</div> 
</div> 
<div class="page-content-wrapper" ng-class="(global_user_name != undefined) ? 'page-content-wrapper' : 'page-content'"> 
<a class="page-quick-sidebar-toggler" href="javascript:;"> 
<div class="page-quick-sidebar-wrapper ng-scope" data-ng-include="'tpl/quick-sidebar.html'" data-ng-controller="QuickSidebarController" style=""> 
</div> 
<div class="page-footer ng-scope" data-ng-include="'tpl/footer.html'" data-ng-controller="FooterController" style=""> 
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/angularjs/angular.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/angularjs/angular-sanitize.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/angularjs/angular-touch.min.js" type="text/javascript"> 
<script src="../assets/global/scripts/angular-animate.min.js" type="text/javascript"> 
<script src="../assets/global/scripts/toaster.js" type="text/javascript"> 
<script src="../assets/global/plugins/angularjs/plugins/angular-ui-router.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/angularjs/plugins/ocLazyLoad.min.js" type="text/javascript"> 
<script src="../assets/global/plugins/angularjs/plugins/ui-bootstrap-tpls.min.js" type="text/javascript"> 
<script src="js/main.js" type="text/javascript"> 
<script src="js/directives.js" type="text/javascript"> 
<script src="../assets/global/scripts/app.min.js" type="text/javascript"> 
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"> 
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"> 
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"> 
<script src="../app/masters/commonServices/commonService.js" type="text/javascript"> 
<script src="../app/lib/ng-file-upload.js" type="text/javascript"> 
<script src="../app/lib/ng-file-upload-shim.js" type="text/javascript"> 
<script src="../app/lib/d3.min.js" type="text/javascript"> 
<script src="../app/lib/nv.d3.min.js" type="text/javascript"> 
<script src="../app/lib/angular-nvd3.min.js" type="text/javascript"> 
<script src="../app/tender/commonTenderController/commonTender.controller.js" type="text/javascript"> 
<div id="toast-container" class="toast-top-right" ng-class="[config.position, config.animation]" toaster-options="{'close-button':false, 'time-out':{ 'toast-warning': 2000, 'toast-error': 0 } }"></div> 
</body> 
</html>

來源

2017-10-12 Shivaji Ghadge

是否有可能2捕獲完整的HTML爲「招標」菜單，並把它放在這裏？我的猜測是你會看到部分HTML變灰。這些部分將改變懸停操作的某些屬性。如果沒有獨特的元素，那麼你就寫了一個像'driver.findElement（By.xpath（「// td [@ class ='nameCol'和text（）='' + name +'' ] /以下同胞:: TD/A「））'。關於懸停和點擊，它可能更容易2識別d元素和chnge屬性，類似於 – user2611581

'final JavascriptExecutor js =（JavascriptExecutor）驅動程序; js.executeScript（「document.getElementById（'id'）。nextElementSibling.style.display ='block';」）;'....其中，display = block是id爲'id'的元素的已更改屬性名稱是可點擊的。當然，還有其他方法可以使用javascript來識別DOM上的元素。 – user2611581

@ user2611581請檢查標書的HTML –

檢查一次以下的XPath招標是否正確。

//span[contains(text(),'Tender')]/ancestor::a[@class='nav-link nav-toggle']

如果是，則檢查html結構是否RPF是Tender的直接子節點。如果是的話那麼這個XPath應該工作

//(span[contains(text(),'Tender')]/ancestor::a[@class='nav-link nav-toggle'])/a 
or 
//a[text()[normalize-space()= 'RPF']]"

如果這兩個XPath的工作，那麼你的最終代碼會

Actions action = new Actions(driver); 
WebElement tender = driver.findElement(By.xpath("//span[contains(text(),'Tender')]/ancestor::a[@class='nav-link nav-toggle']")); 
WebElement rpf= driver.findElement(By.xpath("//(span[contains(text(),'Tender')]/ancestor::a[@class='nav-link nav-toggle'])/a")); 
WebElement sighting = driver.findElement(By.xpath("//a[text()[normalize-space()= 'Sighting']]")); 
action.moveToElement(tender).moveToElement(rpf).moveToElement(sighting).click().build().perform();

我能夠得到上述兩個因素，即投標和RFP，但我不能找到最後一個目擊。

來源

2017-10-12 12:18:19

不，但我必須先懸停，然後單擊元素，這是懸停和點擊元素都是相同的名稱。請參閱附件截圖，這將清除你的困惑 –

所以你想點擊目擊清單？ –

我想點擊瞄準。 –

Tender: //span[text()='Tender'] 

RFP: //i[contains(text(),'RFP'] 

Sighting: //i[text()=' Sighting ']

使用這些移動到元素並單擊瞄準。

來源

2017-10-12 18:49:06

無法點擊元素上的懸停相同的類

回答

相關問題