點擊基於div class selenium中的文本按鈕

Question

我有一個<div>類有<a>標籤和<h3>標籤和<div>。我只想根據<h3>文本點擊該div類的<a>。

按照下面的例子，DIV類名是具有<h3>標籤誰擁有一些文字「小程序的iPhone 5S」如果這個結果發現，然後點擊名爲<a>類「產品情商高」，「選擇設備 - 按鈕「。

但是這個div類多次出現在頁面上的不同H3文本。

<div class="product eq-height" style="padding-bottom: 0px ! important; min-height: 329px;"> 
        <h3 class="h4">Apple Iphone 5S</h3> 

        <input name="productModel" value="Apple Iphone 5S" type="hidden"> 
        <div class="subtitle"> 
         <span>Apple</span> 
        </div> 
        <a class="select-device-button" href="javascript:void(0);"> 
         <div class="item"> 
         <img alt="" class="prod-img-lrg lazyloaded" data-src="https://vgeco-oat1.vodafone.com/images/Iphone 5S.jpg" src="https://vgeco-oat1.vodafone.com/images/Iphone 5S.jpg"> <noscript><img alt="" src="https://vgeco-oat1.vodafone.com/images/Iphone 5S.jpg"&gt;</noscript> 
         </div></a> 

         <div class="info"> 
         <div class="inner"> 
          <ul class="cost"> 
          <li><b>Total cost</b> 
          </li> 


          <li class="price">£ 300.00</li> 
          </ul> 


          <ul class="cost"> 
          <li><b>My cost</b> 
          </li> 

                               <li class="price">£ 106.99</li>        
          </ul> 
         </div> 


         <div class="cta"> 
          <a class="btn btn-sml select-device-button" href="javascript:void(0);">Select</a> 
         </div> 
         </div> 


         <div class="co-link-wrap txt-center"> 
         </div> 
        </div> 

Answer 1

這是一種可能的XPath表達式：

//div[@class='product eq-height' and h3='Apple Iphone 5S']/a[@class='select-device-button'] 

解釋：

• //div[@class='product eq-height' and h3='Apple Iphone 5S']：以上的XPath將首先找到div元件，其中class屬性值等於"product eq-height"和有孩子h3，值等於"Apple Iphone 5S"。

• /a[@class='select-device-button']：然後從發現div元件時，XPath返回子元素a其中class屬性值等於"select-device-button"。

Answer 2

如果我理解正確的，你想找到通過一定的div和h3的a元素，如果是的話那麼它，你可以做到這一點很簡單，像這樣：

//div[h3[text()="Apple Iphone 5S"]]/a[@class="select-device-button"]

您正在尋找div元素有一定的h3元素，從那裏很容易找到你想要的下一個元素，通過使用它的類屬性或任何其他你需要/想要的。

希望這會有所幫助！

Answer 3

讓我們假設你有類似的結構..

<div> 
<h3>Xyz</h3> 
<a>Something there</a> 
</div> 

，並要在h3點擊

試舉一個數據屬性h3相同的ID上<a>標籤點擊a然後當用戶點擊h3並在java腳本中獲取該數據屬性（attr("data")），然後通過java腳本點擊它