如何通过ID和类使用唯一的XPath / CSS选择器相同的元素

Question

我有以下 HTML：

<div id="btnCreditCard" class="paymentBtn bitcoin" style="display: none">
    <a class="button button-primary button-override has-icon-right" href="javascript:Biz.GlobalShopping.CheckOut.continueToReview(8);">
        <i class="button-icon-left"></i>Continue To Order Review<i class="button-icon-right fa fa-caret-right"></i>
    </a>
</div>
<div id="btnMasterPass" class="paymentBtn masterpass" style="display: none;">
    <a href="javascript:Biz.GlobalShopping.CheckOut.continueToReview(4);" title="MasterPass" style="cursor: pointer;">
        <img src="https://www.mastercard.com/mc_us/wallet/img/en/US/mcpp_wllt_btn_chk_147x034px.png" alt="MasterPass" />
    </a>
</div>
<div id="btnCreditCard" class="paymentBtn npa" style="display: none">
    <a class="button button-primary button-override has-icon-right" href="javascript:Biz.GlobalShopping.CheckOut.continueToReview(5);">
        <i class="button-icon-left"></i>Continue To Order Review<i class="button-icon-right fa fa-caret-right"></i>
    </a>
</div>
<div id="btnCreditCard" class="paymentBtn billlater" style="display: none">
    <a class="button button-primary button-override has-icon-right" href="javascript:Biz.GlobalShopping.CheckOut.continueToReview(6);">
        <i class="button-icon-left"></i>Continue To Order Review<i class="button-icon-right fa fa-caret-right"></i>
    </a>
</div>

我必须选择具有父DIV <div id="btnCreditCard" class="paymentBtn billlater" style="display: none">的锚点。我目前使用的 xPath 是('//*[@id="btnCreditCard"]/a')

Answer 1

您可以在 XPath 中使用 and：

'//*[@id="btnCreditCard" and @class="paymentBtn billlater"]/a'