EN
JavaScript / XPath - get preceding sibling element
9
points
In this short article we would like to show how to find using XPath, preceding sibling element reference in JavaScript.
In below example we are looking for preceding slibling (/preceding-sibling::input) that occurs as previous of any label element and contains Visible text inside (//label[text()='Visible']).
Quic solution:
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<body>
<div id="element">
<label>
<input type="checkbox" checked />
<span>Visible</span>
</label>
</div>
<script>
var element = document.querySelector('#element');
var result = document.evaluate("//span[text()='Visible']/preceding-sibling::input", element);
var checkbox = result.iterateNext();
if (checkbox) {
console.log(checkbox.checked);
}
</script>
</body>
</html>
Â