Tenho uma nav com 5 botoes, e um footer com a mesma quantidade, ao clicar nos botoes do footer eles servem de ancora para a página, mas eu preciso comparar com os itens da nav para que seja adicionado a classe "Active neles".
Só que esta me retornando
btnnav[i].attr("href")
is not a function
O que fazer?
$('footer li a').click(function(){
var hfooter = $(this).attr("href");// Guarda o href desse botao no footer
var btnnav = $(".btn-nav");//cria um array com todos os botoes da nav
btnnav.removeClass("active");//tira a classs active deles
for (var i = 0; i <= btnnav.length; i++) {
if (btnnav[i].attr("href") === hfooter){
/*Ao percorrer o array de classes ele deve buscar o que tem o
href igual o botao que foi clicado, quando encontrar,
vai adicionar a class active*/
btnnav[i].addClass("active");
}
}
});
console.log(btnnav)
e mostrar o resultado