tengo un sidebar con este codigo:
<nav id="sidebar">
<div class="sidebar-header">
<img class="user-img" src="img/profile.jpg" alt="">
</div>
<ul class="list-unstyled components">
<li class="li-solo margen-li">
<img class="icono" src="img/home-white.svg" alt="">
<a class="li-var contenedor-li" href="#">Vista general de la cuenta</a>
</li>
<li class="li-solo margen-li">
<img class="icono" src="img/svg/tarjeta-de-credito.svg" alt="">
<a class="li-var contenedor-li" href="#">Suscripcion</a>
</li>
<li class="li-solo margen-li">
<img class="icono" src="img/svg/editar.svg" alt="">
<a class="li-var contenedor-li" href="#">Editar Perfil</a>
</li>
<li class="li-solo margen-li">
<img class="icono" src="img/svg/candado.svg" alt="">
<a class="li-var contenedor-li" href="#">Cambiar contraseña</a>
</li>
</ul>
</nav>
la cuestion es que necesito sacar el valor del sidebar cada ves que le doy click a uno sus anclas , no se si me recomiendan cambiar las anclas por otro tipo de etiqueta , o si existe una sacar el valor de dicho sidebar.
Pienso que seria como agregar un Value="", a cada item del sidebar pero no se como hacerlo.
Necesito el valor para despues trabajarlo en javaScript.
Gracias de antemano.