Как добавить class = "active" на ссылку NavBar1, когда пользователь нажимает на ссылку NavBar2? - PullRequest
Новая
       107

Как добавить class = "active" на ссылку NavBar1, когда пользователь нажимает на ссылку NavBar2?

0 голосов
/ 28 мая 2020

У меня несколько навигационных панелей на одной странице.

Моя проблема в том, что когда пользователь нажимает на одну из ссылок, некоторые другие панели навигации необходимо обновить.

Я пробовал использовать (пример 1), который отлично работает, когда пользователь щелкает по ссылке. (пример 1) 

 document.querySelector('.NavBar .active').classList.remove("active");
 c.classList.add("active");

Проблема возникает тогда, когда мне нужно обновить другую панель навигации, на которую не нажимали.

Я пробовал как показано в (пример 2), чтобы получить все элементы NavBar по имени класса и используя a для l oop, выполнить итерацию до желаемого индекса, а затем добавить активный класс, но не повезло ...

(пример 2) 

var elements = document.getElementsByClassName("NavBar1");
    for(i=0;i<elements.length;i++)
    {
      if( i === desiredIndex)
        {
        elements[i].classList.add("active");
        }
    }

Кто-нибудь знает, возможно ли это, и если да, то как я могу добавить («активный») в навигационную панель, на которую не нажимали ???

...