如何获取具有多个css类的html元素

Question

我知道如何获取相同 css 类的 DIV 列表，例如

<div class="class1">1</div>
<div class="class1">2</div>

使用 xpath //div[@class='class1']

但是如果一个 div 有多个类，例如

<div class="class1 class2">1</div>

xpath 会是什么样子然后？

Answer 1

您正在寻找的表达式是：

//div[contains(@class, 'class1') and contains(@class, 'class2')]

在线有多种 XPath 可视化工具可以极大地帮助测试任何表达式。

Answer 2

根据 这个答案，这解释了为什么确保要查找的类名的子字符串不是很重要包括在内，正确答案应该是：

//div[contains(concat(' ', normalize-space(@class), ' '), ' class1 ')
    and contains(concat(' ', normalize-space(@class), ' '), ' class2 ')]

Answer 3

有一个有用的 python 包，称为 cssselect。

从 cssselect 导入 CSSSelector
CSSSelector('div.gallery').path

生成可用的 XPath：

descendant-or-self::div[@class and contains(concat(' ', normalize-space(@class), ' '), ' gallery ')]

它与 Flynn1179 的答案非常相似。

Answer 4

我认为你正在寻找的表达是

//div[starts-with(@class, "class1")]/text()

Answer 5

你还可以这样做：

//div[contains-token(@class, 'class_one') and contains-token(@class, 'class_two')]