Vanilla JavaScript .closest without jQuery

Question

I'm working on an application that only has jQuery 1.1 installed which dosn't support the .closest method.

My script currently looks like this:

$('.navPanel').find('img').closest('td').hide(); 

So I'm looking for every image in the .navPanel and traversing up the DOM and hiding the td that it sits in. Does anyone know if there is a vanilla JavaScript function I could simply add to my script that polyfills the missing .closest method?

Thanks for your time.

Answer 1

Modern browsers have the Element.closest() method.

Example:

document.querySelector('.navPanel img').closest('td') 

Reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/closest

Here you can check which browsers have built-in support: https://caniuse.com/#feat=element-closest

When there is no support in the browser the following polyfill could be used: https://github.com/jonathantneal/closest