What would be the jquery function for typescript?

Hello, I am starting my studies in `TypeScript` and am putting together a submenu with `Bootstrap` where I will need to insert code that I found, but it is in `JQuery`. I am not able to convert it to `TypeScript`. Can someone here help me to turn this code to `TypeScript`?

    $('.dropdown-menu a.dropdown-toggle').on('click', function(e) {
      if (!$(this).next().hasClass('show')) {
        $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
      }
      var $subMenu = $(this).next(".dropdown-menu");
      $subMenu.toggleClass('show');
    
    
      $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
        $('.dropdown-submenu .show').removeClass("show");
      });
    
    
      return false;
    });

function getParents(el, parentSelector) {

    // If no parentSelector defined will bubble up all the way to *document*
    if (parentSelector === undefined) {
        parentSelector = document;
    }

    var parents = [];
    var p = el.parentNode;

    while (p !== parentSelector) {
        var o = p;
        parents.push(o);
        p = o.parentNode;
    }
    parents.push(parentSelector); // Push that parentSelector you wanted to stop at

    return parents;
}

var addDropDown = document.querySelectorAll('.dropdown-menu a.dropdown-toggle');

        for (var i = 0; i < addDropDown.length; i++) {
            addDropDown[i].addEventListener('click', function (e) {

                if (!this.nextElementSibling.classList.contains('show')) {

                    var elemento = getParents(this, document.getElementsByClassName("dropdown-menu"))[0].querySelectorAll('.show');

                    for (var z = 0; z < elemento.length; z++) {
                        elemento[i].addEventListener('click', function (e) {
                            elemento[z].classList.remove("show");
                        });
                    }
                    
                }
                var $subMenu = this.nextElementSibling(".dropdown-menu");
                $subMenu.classList.toggle('show');

                this.parentNode('li.nav-item.dropdown.show').addEventListener('hidden.bs.dropdown', function (e) {
                    var itensLista = document.querySelectorAll('.dropdown-submenu .show');

                    for (var x = 0; x < itensLista.length; x++) {
                        itensLista[i].classList.remove("show");
                    }
                });


                return false;
            });
        }