JQUERY ATTR
Sei muito pouco sobre jquery e estou fazendo uns testes para mudar o nome da classe de um elemento html.
Essa classe gera uma setinha para baixo por si própria. Ela é uma classe do font awesome.
Ao clicar eu até consegui fazer a seta mudar para cima com o ATTR do jquery, mas não estou conseguindo fazer a seta voltar ao normal ao clicar novamente.
Abaixo segue o código:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery.min.js"></script>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<script>
$(document).ready(function(){
$(".clicar").click(function(){
$(".seta").attr('class', 'fa fa-sort-asc');
});
});
$(document).ready(function(){
$(".clicar").click(function(){
$(".seta").attr('class', 'fa fa-sort-desc');
});
});
</script>
</head>
<body>
<h4 class="clicar">
clicar <i class="fa fa-sort-desc seta"></i>
</h4>
</body>
</html>Discussão (3)
Carregando comentários...