XPath 使用类名并包含文本

Question

我一直在寻找如何找到具有类并包含文本的元素的答案。

我有两个答案。

• //div[@class='credit_summary_item' and contains(text(),'Professor']: 如HTML XPath Searching by class and text
• //div[contains(@class, 'credit_summary_item') and contains(., 'Professor')]: 如XPath to match @class value and element value?

对我来说，只有第二个答案有效。 谁能解释一下“包含文本”部分的区别。？因为两个答案都没有提到它。

Answer 1

对于演示，请考虑以下 HTML：

<div class="credit_summary_item">Professor</div>

有：

• 类属性只有一个值，即credit_summary_item。
• 并且 innerText 即 Professor 不包含前导和尾随空格。

因此，要找到此元素，您可以使用以下任一解决方案：

• 使用text()：

  //div[@class='credit_summary_item' and text()='Professor']
  

• 使用contains()：

  //div[@class='credit_summary_item' and contains(., 'Professor')]
  

---

这个用例

但在您的用例中，contains(@class, 'credit_summary_item') 似乎有效，这意味着该元素具有多个类。所以除了credit_summary_item，还有一些其他的值作为类属性。

Answer 2

在我的例子中，html 看起来像这样：

<ki5-tab text="Super Boal" ki5-tab="" slot="default-1" selected="true"></ki5-tab>

xpath：

//ki5-tabcontainer/ki5-tab[contains(@text,'Boal')]