Finding closest element without jQuery

by

Very simple:

el.closest('tbody')

Supported on all browsers except IE.
UPDATE: Edge now support it as well.

No need for jQuery.
More over, replacing jQuery’s $(this).closest('tbody') with $(this.closest('tbody')) will increase performance, significantly when the element is not found.

Polyfill for IE:

if (!Element.prototype.matches) Element.prototype.matches = Element.prototype.msMatchesSelector;
if (!Element.prototype.closest) Element.prototype.closest = function (selector) {
    var el = this;
    while (el) {
        if (el.matches(selector)) {
            return el;
        }
        el = el.parentElement;
    }
};

Note that there’s no return when the element was not found, effectively returning undefined when the closest element was not found.

For more details see:
https://developer.mozilla.org/en-US/docs/Web/API/Element/closest

More Related Contents:

  1. How to write recursive function javascript push my array property Json object?
  2. ES6 Modules: Undefined onclick function after import
  3. “this” is undefined inside map function Reactjs
  4. Current time formatting with Javascript
  5. React component initialize state from props
  6. How to use CORS to implement JavaScript Google Places API request
  7. Can’t build React/Next project – found page without a React Component as default export (context api file)
  8. Javascript: find longest word in a string
  9. How do I protect JavaScript files?
  10. What’s the algorithm to calculate aspect ratio?
  11. Using promise function inside Javascript Array map
  12. Change ‘s option and trigger events with JavaScript
  13. How to send variables from one file to another in Javascript? [duplicate]
  14. How do I load my script into the node.js REPL?
  15. Why is isNaN(null) == false in JS?
  16. Is it possible to create a “weak reference” in JavaScript?
  17. How can I get a list of the differences between two JavaScript object graphs?
  18. Why comma ‘ , ‘ and plus ‘ + ‘ log the console output in different pattern?
  19. In JavaScript, how can I have a function run at a specific time?
  20. How to convert comma separated string into numeric array in javascript
  21. JavaScript adding a string to a number
  22. AngularJS error: ‘argument ‘FirstCtrl’ is not a function, got undefined’
  23. jQuery DataTables “No Data Available in Table”
  24. Angular ui router – Redirection doesn’t work at all
  25. Only numbers. Input number in React
  26. iframe not reading cookies in Chrome
  27. Pass Node.js environment variable with Windows PowerShell [duplicate]
  28. Emulate clicking a link with Javascript that works with IE
  29. What is the new proper way to use a child selector with a context node in jQuery?
  30. How to convert a hexadecimal string to Uint8Array and back in JavaScript?

Leave a Comment