如何通過ID和Class對具有唯一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'