我有下面的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>
是否有可能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 –