html - 如何使用 XPath 通过 CSS 类查找元素？

Question

在我的网页中，有一个 div 和一个名为 Test 的 class。

如何使用 XPath 找到它？

Answer 1

这个选择器应该可以工作，但如果你用适合的标记替换它会更有效:

//*[contains(@class, 'Test')]

或者，因为我们知道寻找的元素是一个div:

//div[contains(@class, 'Test')]

但由于这也将匹配 class="Testvalue" 或 class="newTest" 之类的情况，因此评论中提供的@Tomalak 版本更好:

//div[contains(concat(' ', @class, ' '), ' Test ')]

如果你真的想确定它会正确匹配，你还可以使用 normalize-space 函数来清除类名周围的杂散空白字符(如@Terry 所述):

//div[contains(concat(' ', normalize-space(@class), ' '), ' Test ')]

请注意，在所有这些版本中，最好将 * 替换为您实际希望匹配的任何元素名称，除非您希望在文档中搜索给定条件的每个元素。