如何使這些標籤工作？

Question

我正在學習JS的過程，並決定嘗試從頭開始編寫一個簡單的標籤。

我有兩個功能。其中添加'active'類每個選項卡，另一個用於在導航

這裏點擊li觸發這個功能是我的代碼
https://codepen.io/Allan11/pen/Bzvxya

問題是，類toggels似乎沒有工作的正確方法。你能告訴我關於如何解決這個問題的正確方向嗎？或者只是我對這些功能的做法是錯誤的，並且有一種更簡單的方法來做到這一點？

Answer 1

如果你想這樣寫，你需要通過在你的處理程序中添加一個參數來捕獲單擊事件引發的元素，並在此處查看srcElement。這會告訴你哪個li項目被點擊。但是，您需要找到一種方法來確定哪些內容屬於這個li項目並將.active類分配給它，並從其他所有類中移除該類。我個人會使用li上的共享類或數據項來執行此操作。

但是，所有這些似乎都試圖做一些在jQuery和jQuery UI框架中已經完美存在的東西。除非您有重新發明輪子的真正理由，否則我只會使用jQuery UI。