xxxxxxxxxx
<!-- Q: How to find the closest parent selector upwards? -->
<div class="far ancestor">
<div class="near ancestor">
<p>Where am I?</p>
</div>
</div>
<script>
document.querySelector("p").closest(".ancestor");
// => <div class="near ancestor">...</div>
document.querySelector("p").closest(".far.ancestor")
// => <div class="far ancestor">...</div>
</script>