使用WebdriverJS選擇父元素

Question

我正在嘗試創建一些腳本，這些腳本需要通過大量隨機ID隨時移動HTML。他們需要獲得元素的父母 - 但我不知道如何在WebdriverJS中實現此功能。

如果我通過控制檯訪問我想要的元素，我可以執行以下操作來獲取它;

document.querySelector('span[email="noreply@example.com"]').parentNode.parentNode 

有沒有辦法在WDJS中做到這一點？我看過，看不到任何明顯的東西 - 特別是我遇到的問題。我發現可能的解決方案可能是xPath，但我不確定以前從未使用過的語法。

在此先感謝！

Answer 1

我不知道WebDriverJS的語法。但是XPath如下，你需要一種方法來適應它。

這是基於您的CSS選擇器，所以如果需要請顯示HTML。

.//span[@email='noreply@example.com']/../.. 

舉例來說，如果你有HTML這樣

<div> 
<div> 
<span email="noreply@example.com">Contact me</span> 
</div> 
</div> 

你能避免使用..上去。

.//div[./div/span[@email='noreply@example.com']] 

如果您有更多的層次查找，另一個方便的方法是使用ancestor從XPath Axes。 另外，隨着@sircapsalot的提出，CSS選擇器規範不支持父項選擇，所以XPath是唯一的方法，除非你注入JS。