Javascript 如何使用j查询将字体从加号改为减号
我有一个加号的图标,当用户点击加号时,我想把它改成减号,反之亦然 我在HTML表中使用它来展开一些行Javascript 如何使用j查询将字体从加号改为减号,javascript,jquery,Javascript,Jquery,我有一个加号的图标,当用户点击加号时,我想把它改成减号,反之亦然 我在HTML表中使用它来展开一些行 $('i')。单击(函数(){ $(this).find('i').toggleClass('fas fa加上fas fa减'); }); 。图标{ 颜色:绿色; 光标:指针; 右边距:6px; } 无需使用find$this表示i,并切换多pal类以更改类和如下形状 $('i')。单击(函数(){ $(this.toggleClass('fa-加上绿色fa-减去红色'); }); 。图标{
$('i')。单击(函数(){
$(this).find('i').toggleClass('fas fa加上fas fa减');
});代码>
。图标{
颜色:绿色;
光标:指针;
右边距:6px;
}
无需使用find$this
表示i
,并切换多pal类以更改类和如下形状
$('i')。单击(函数(){
$(this.toggleClass('fa-加上绿色fa-减去红色');
});代码>
。图标{
颜色:绿色;
光标:指针;
右边距:6px;
}
格林先生{
颜色:绿色;
}
瑞德先生{
颜色:红色;
}
您就快到了,但是您的选择器不正确(您可以在事件处理程序内部使用$(此)
来引用单击的元素):
$('i')。单击(函数(){
$(this.toggleClass('fa-plus-fa-减号');
var color=($(this).hasClass('fa-minus'))?“红色”:“绿色”;
$(this.css('color',color);
});代码>
。图标{
颜色:绿色;
光标:指针;
右边距:6px;
}
您必须删除find(),它才能正常工作
$('i')。单击(函数(){
$(this.toggleClass('fa-plus-fa-减号');
$(this).hasClass('fa-minus')?$(this.css('color','red'):$(this.css('color','green');
});代码>
。图标{
颜色:绿色;
光标:指针;
右边距:6px;
}
这是已单击的i
元素,因此您不需要find
嘿,我已尝试使用您的代码,但不起作用。请签出此链接。我已注释了我认为导致问题的行,它位于我的Java脚本代码底部。我发现了您的问题。使用setTimeout在1秒后重置表。增加数字可以解决问题。看工作小提琴@嘿,这不起作用,因为我正在通过这个var$winHeight=$(window.height())设置动态height
;变量$bodyHeight=$winHeight-320代码>因此,在小提琴中,高度小于桌子高度使该高度500px
并检查它是否工作请检查我正在使用isdrawtable
修复我的滚动问题,当我设置超时超过100时,滚动问题再次出现