Skip to content

Instantly share code, notes, and snippets.

@fdjones
Created April 10, 2018 20:28
Show Gist options
  • Save fdjones/6f4655f1ff933e5d7022fefe8fdc0bdd to your computer and use it in GitHub Desktop.
Save fdjones/6f4655f1ff933e5d7022fefe8fdc0bdd to your computer and use it in GitHub Desktop.
// example HTML
<div class="container">
<div data-example="100">
<div class="some-div">
<span>Some text</span>
</div>
</div>
<div data-example="200">
<div class="some-div">
<span>Some text</span>
</div>
</div>
<div data-example="200">
<div class="some-div">
<span>Some text</span>
</div>
</div>
</div>
// set event listener on container
let container = document.querySelector('.container');
container.addEventListener('click', function(event) {
let target = event.target;
while(true) {
if(target.getAttribute('data-example') || target.parentNode === null) {
break;
} else {
target = target.parentNode;
}
}
// now 'target' is the node I want
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment