Comment obtenir des éléments html avec plusieurs classes css

Question

Je sais comment obtenir une liste de DIV de la même classe CSS, par exemple

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

en utilisant xpath //div[@class='class1']

Mais comment faire si un div a plusieurs classes, par exemple

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

À quoi ressemblera le xpath alors?

Answer 1

L'expression que vous recherchez est :

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

Je suggère fortement le visualiseur XPath, qui peut vous aider à déboguer facilement les expressions xpath. Il peut être trouvé ici:

http://xpathvisualizer.codeplex.com/

Answer 2

Selon cette réponse , qui explique pourquoi il est important de s'assurer que les sous-chaînes du nom de classe que l'on recherche ne sont pas incluses, la bonne réponse devrait être :

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

Answer 3

Il existe un package python utile appelé cssselect.

à partir de cssselect importer CSSSelector CSSSelector('div.gallery').path

Génère un XPath utilisable :

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

C'est très similaire à la réponse de Flynn1179.

Answer 4

je pense que c'est l'expression que tu cherches

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

Answer 5

Tu pourrais aussi faire :

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