EN
JavaScript / XPath - find div that contains specific class
3 points
Quick solution, XPath:
xxxxxxxxxx1
//div[contains(@class, 'my-class-name')]Practical example:
xxxxxxxxxx1
2
<html>3
<body>4
<div id="container">5
<div class="city">San Francisco</div>6
<div class="city">San Francisco</div>7
<div class="city">New York</div>8
<div class="city">San Francisco</div>9
<div class="city">Los Angeles</div>10
<div class="city">New York</div>11
</div>12
<script>13
14
var container = document.querySelector('#container');15
16
var result = document.evaluate("//div[contains(@class, 'city')]", container);17
18
var element = null;19
while (element = result.iterateNext()) {20
console.log(element.textContent);21
}22
23
</script>24
</body>25
</html>We should see in console all 6 cities:
xxxxxxxxxx1
San Francisco2
San Francisco3
New York4
San Francisco5
Los Angeles6
New York
