Skip to main content
1 de 2
Jose M Herrera V
  • 1.1k
  • 1
  • 9
  • 29

Activar y desactivar class active en dropdown-item

estoy usando Bootstrap 4 en un proyecto y requiero hacer que se active la class= active de un dropdown-menu que tengo funcionando.

requiero el codigo javascript que permita teniendo esto:

<div class="dropdown-menu">
  <a class="dropdown-item" href="#">Regular link</a>
  <a class="dropdown-item" href="#">Regular2 link</a>
  <a class="dropdown-item" href="#">Regular3 link</a>
</div>

Si doy click al link Regular link entonces suceda:

<div class="dropdown-menu">
  <a class="dropdown-item active" href="#">Regular link</a>
  <a class="dropdown-item" href="#">Regular2 link</a>
  <a class="dropdown-item" href="#">Regular3 link</a>
</div>

Pero que al dar click al link Regular2 link entonces suceda:

<div class="dropdown-menu">
  <a class="dropdown-item" href="#">Regular link</a>
  <a class="dropdown-item active" href="#">Regular2 link</a>
  <a class="dropdown-item" href="#">Regular3 link</a>
</div>
Jose M Herrera V
  • 1.1k
  • 1
  • 9
  • 29