Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用j查询将字体从加号改为减号_Javascript_Jquery - Fatal编程技术网

Javascript 如何使用j查询将字体从加号改为减号

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-减去红色'); }); 。图标{

我有一个加号的图标,当用户点击加号时,我想把它改成减号,反之亦然

我在HTML表中使用它来展开一些行

$('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时,滚动问题再次出现