Xpath和CSSselector用於具有相同html結構的兩個div

Question

我有兩個div。要求是我需要點擊上傳按鈕。我需要通過檢查Button文本上傳來找到第一個div和第二個div的xpath，然後我需要點擊它。那麼如何找到div的xpath並點擊它。是否還有一個CSSselector可用於相同的？

<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2"> 
    <button class="btn btn-primary" type="submit"> 
    <i class="fa fa-upload"/> 
     Upload 
    </button> 
<a href="SomeLinkHere"> 
<button class="btn" type="button">Cancel</button> 
</a> 
</div> 

<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2"> 
    <button class="btn btn-primary" type="submit"> 
    <i class="fa fa-upload"/> 
     Upload 
    </button> 
<a href="SomeLinkHere"> 
<button class="btn" type="button">Cancel</button> 
</a> 
</div> 

Answer 1

你可以嘗試以下XPath：

//div[./button/i[contains(text(), 'Upload')]] 

這個XPath將返回div元素。

編輯：要獲得button元素

//button[./i[contains(text(), 'Upload')]] 

Answer 2

我建議你安裝的Firefox硒的IDE。它有內置的元素定位器，證明在像你這樣的情況下很有用。

我試着渲染你在jsfiddle.net中提供的html代碼，並設法使用硒ide來獲取它們的xpath。你可以看到它here