使用带有java的selenium webdriver在<li>中定位元素

Question

我需要找到每个项目并单击它。  我厌倦了这个：

List<WebElement> allTournaments = driver.findElements(By.xpath("//*[@id='main-section']/div/div/section/div[1]/ul/li/div/div[1]/div"));
        for (WebElement tournament : allTournaments) {
tournament.click();
}

但错误＆＃34;元素不可见＆＃34;

第一个元素的xpath是// [@ id =＆＃39; main-section＆＃39;] / div / div / section / div 1 / ul / li {{3} } / DIV / DIV 1 /格 第二个元素的xpath是// [@ id =＆＃39; main-section＆＃39;] / div / div / section / div 1 / ul / li [2] / div / div 1 /格 喜欢明智..

任何人都可以帮忙..？

HTML：

   <div class="header-toggle-area">
<div class="header-notification-area text-right ng-scope" ng-controller="notificationController">
</header>
<!--HEADER ENDS-->
<div class="content-wrap" style="padding-top: 60px;">
<aside id="main-sidebar">
<!--MAIN SIDEBAR ENDS-->
<main id="main-section">
<div class="main-content">
<div class="ng-scope" ng-controller="NewTournamentsController as tournaments">
<header class="member-title dt-title-main">
<section class="dashboard-tournaments-listing">
<div class="" ng-show="tournaments.Page==1">
<ul class="row dashboard-listing">
<!-- ngRepeat: running in tournaments.runningTournaments -->
<li class="dashboard-listing-items ng-scope" ng-repeat="running in tournaments.runningTournaments" style="">
<div class="dtslider-block">
<div class="dtslider-content">
<img ng-src="../../category/categoryDefault.jpg" alt="slider" src="../../category/categoryDefault.jpg"/>
<div class="hover-contents">
<div class="hc-timer">
<p>   Tournament ends in </p>
<div class="hct-ticker ng-binding">   04:30 - 26/11/16 </div>
</div>
<div class="hc-details">
<div class="hcd-block ng-hide" ng-show="running.JoinedPlayers>0">
<ul class="hc-icons">
</div>
</div>
</div>

Answer 1

检查每个元素是否可见且可点击，如下所示：

for (WebElement tournament : allTournaments) {
  if (tournament.isDisplayed()
      && ExpectedConditions.elementToBeClickable(tournament).equals(true)) {
    tournament.click();
  }
}