点击更改切换图标-Java 学习之路

我是jquery的新手，尝试在切换点击我的rails 5应用程序时切换字体真棒图标 . 我使用this问题来实现该功能，但我没有看到图标更改效果 .

<h2>Spanish <i id="click-spanish" class="fa fa-caret-down"></i></h2>

<div id="spanish-examples" class="initiallyHidden">
  etc.
</div>

和jquery：

$(document).ready(function(){
  $('#click-spanish').click(function() {
    $('#spanish-examples').toggle('1000');
    $("i", this).toggleClass("fa-caret-down fa-caret-up");
  });
});

删除上面的 this 可以获得结果，但页面上的所有其他图标也会更改 .

1 回答

$(document).ready(function(){
  $('#click-spanish').click(function() {
    $('#spanish-examples').toggle('1000');
    //"this" is the click-spanish icon, since you are inside the click handler
    //for that element.  You just have to use it, not try to find it.
    $(this).toggleClass("fa-caret-down fa-caret-up");
  });
});

回复于 2024-04-29T17:36:12+08:00

点击更改切换图标

1 回答

相关问题