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