如何通过 ID 和 Class 使用唯一的 XPath/CSS 选择器来相同的元素？答案

【问题标题】：How to same element with unique XPath/CSS selector by both ID and Class?如何通过 ID 和 Class 使用唯一的 XPath/CSS 选择器来相同的元素？
【发布时间】：2014-12-02 21:01:58
【问题描述】：

我有以下 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"> 的 Anchor。我目前使用的 xPath 是('//*[@id="btnCreditCard"]/a')

【问题讨论】：

你也可以使用//div[contains(@class,'billlater')]/a

标签： python css xpath selenium-webdriver

【解决方案1】：

您可以在 XPath 中使用 and：

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

【讨论】：