1
我尝试了几种不同的jQuery方法,但无法使其工作。我只是寻找一个简单的解决方案来切换2 fontawesome图标。点击时,我可以看到添加的新课程,但旧课程并未被删除。与toggleClass问题,切换图标不切换
$('.arrow-up').on('click', function(){
$('.fa-chevron-down').toggleClass('fa-chevron-up');
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" crossorigin="anonymous">
\t <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container">
\t <div class="row">
\t \t <div class="col-md-10 offset-md-2 pt-3">
\t \t \t <div class="btn btn-success arrow-up">
\t \t \t \t <i class="fa fa-chevron-down">
</i>
\t \t \t \t Show this</div>
\t \t </div>
\t </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
任何帮助将不胜感激。
感谢Pranav,我实际上做了尝试,但我引用了错误的选择。无论如何,这确实有窍门! – Lucky500