¿Cómo asigno class="active" a un elemento de enlace cuando se hace clic en otro enlace?
es decir, tengo:
<div id="wrap"> <a href="one.php"></a> <a href="two.php"></a> <a href="three.php"></a> </div> <a href="one.php"></a> <a href="two.php"></a> <a href="three.php"></a>Pero cuando se hace clic en el enlace de one.php a continuación, quiero que el enlace en el div wrap de arriba tenga la clase activa, así:
<div id="wrap"> <a href="one.php" class="active"></a> <a href="two.php"></a> <a href="three.php"></a> </div> <a href="one.php"></a> <a href="two.php"></a> <a href="three.php"></a>Básicamente estaba pensando en algo como:
var foo = $(this).attr("href"); if ($(this).attr("href") == "hello.php") $("#wrap").//something elseAgregue un detector de eventos de click a cada elemento de ancla que agregue la clase active a cada ancla, luego elimine la clase active en el elemento de ancla en el que se hizo clic.
$('a').click(function(){ $('a').addClass('active'); $(this).removeClass('active'); }) .active{ background-color: yellow; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a href="#">link 1</a> <a href="#">link 2</a>