xpath - 无法使用 xpath 找到 Web 元素

Question

我想点击+图标，该状态名称的属性为data-stateid=1，

但是当我尝试使用 firepath 查找 Web 元素时。
所有 + 图标都具有与 class 相同的属性，因此我无法单击特定的 + 图标。

HTML 代码:

<div class="panel-heading">
 <h4 class="panel-title">
  <a data-toggle="collapse" href="#lob1" data-stateid="1">
   <span class="tag tag-default tag-pill pull-xs-right">0</span>
    <i class="fa fa-plus pull-xs-right btn-country-list" onclick="GetLobPopUp('AL','Alabama')"/>
 </h4>
</div>
<div id="lob1" class="panel-collapse collapse in" style="height: auto;">
 <div class="panel-heading">
  <h4 class="panel-title">
   <a data-toggle="collapse" href="#lob3" data-stateid="3">
    <span class="tag tag-default tag-pill pull-xs-right">0</span>
     <i class="fa fa-plus pull-xs-right btn-country-list" onclick="GetLobPopUp('AZ','Arizona')"/>
 </h4>
</div>
<div id="lob3" class="panel-collapse collapse in" style="height: auto;">
 <div class="panel-heading">
  <h4 class="panel-title">
   <a data-toggle="collapse" href="#lob4" data-stateid="4">
    <span class="tag tag-default tag-pill pull-xs-right">0</span>
     <i class="fa fa-plus pull-xs-right btn-country-list" onclick="GetLobPopUp('AR','Arkansas')"/>
  </h4>
</div>

有人可以帮我解决这个问题吗？
谨致问候。

Answer 1

您需要做的就是首先使用不同的属性来识别元素。如果您不能使用class，则使用data-stateid:

//a[@data-stateid='1']/following-sibling::i