我想要各自的jQuery函数的Javascript代码？

Question

   <script>
     $(function () {
        $('.headmenu li').click(function () {
           $('.headmenu li').each(function (li) {
                $(this).removeClass('selectedclass')
            });
                $(this).addClass('selectedclass');
          });

        });
    </script>

请给我以上jQuery函数的替代Javascript代码。

Answer 1

您可以在此处编写多个（嵌套）函数：

• Element.addEventlistener（event，callback）可用于替换$ .click（）。
• Array.forEach（callback，this）可用于替换$ .each（）（forEach尚未（但）可用于每个可迭代类型，但您可以“转换/转换”可迭代类型）。
• DOMTokenList.remove（token）可用于替换$ .removeClass（）（element.classlist.remove（'class'）。
• DOMTokenList.add（token）可用于替换$ .addClass（）（element.classlist.add（'class'）。

注意：使用回调时，您可能需要使用function.bind（this）来确保传递正确的上下文。

请https://developer.mozilla.org/了解有关这些方法的更多信息。