我在为java选择selenium中的按钮时遇到了问题

Question

你好，我试图选择并点击按钮“立即预订”，但当我查看源代码时，它显示了以下...

<div class="pl-0 mr-3 sticky-btn-wrapper">
    <div class="ko-container book-now-btn-container">
        <button class="btn btn-secondary text-uppercase btn-landing go-to-session" data-eid="757231" data-aid="97739" data-isavailable="true"> Book now</button>
    </div>
</div>



<div class="btn-book-top sticky-btn-wrapper justify-content-end" id="book-button-top">
    <div id="sticky-bottom-btn" class="sticky-bottom-btn flex-row w-100">
        <div class="ko-container book-now-btn-container">
            <button class="btn btn-secondary text-uppercase btn-landing go-to-session" data-eid="757231" data-aid="97739" data-isavailable="true">Book now</button></div>
        </div>
    </div>
</div>

当我检查Firefox中的“Book Now”链接时，显示了以下内容

<div class="ko-container book-now-btn-container">
            <button class="btn btn-secondary text-uppercase btn-landing go-to-session" data-eid="757231" data-aid="97739" data-isavailable="true">
                Book now
            </button>
</div>

[为什么有两个按钮class=“btn btn-secondary text-大写btn-landing go-to-session”的实例？？]

WebElement wb = myDriver.findElement(By.xpath ("//div[@class='pl-0 mr-3 sticky-btn-wrapper'] and button[@class='btn btn-secondary text-uppercase btn-landing go-to-session']"));
wb.click();

org.openqa.selenium.InvalidSelectorException: 
Given xpath expression "//div[@class='pl-0 mr-3 sticky-btn-wrapper'] and button[@class='btn btn-secondary text-uppercase btn-landing go-to-session']" 
is invalid: TypeError: Document.evaluate: Result type mismatch

Answer 1

您不需要使用和操作数作为定位器，只需将xpath更改为：

//div[@class='pl-0 mr-3 sticky-btn-wrapper']//button

关键字和在有两个或多个相似元素并且需要添加更多限制的情况下使用。另外，和参数应该应用于同一个标记，而不是不同的标记。

<div class='1' style='1'>
    <button>Button1</button>
</div>

<div class='1' style='2'>
    <button>Button2</button>
</div>

<div class='2' style='2'>
    <button>Button3</button>
</div>