それぞれ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（イベント、コールバックが）$ .clickを置き換えるために使用することができます（）。
• $ .each（）の代わりにArray.forEach（コールバック、this）を使用できます（forEachはすべてのiterable型では使用できませんが、iterable型は "convert/cast"できます）。
• DOMTokenList.remove（トークン）が（$ .removeClassを置き換えるために使用することができます）（element.classlist.remove（ 'クラス'）。
• DOMTokenList.add（トークン）が$ .addClassを（置き換えるために使用することができます） （element.classlist.add（ 'クラス'）

注：。。コールバックを使用している場合、あなたは正しいコンテキストが渡されたことを確認するfunction.bind（これ）を使用する必要があります

https://developer.mozilla.org/をしてくださいこれらのメソッドの詳細については