Javascript IF语句不'；不能在click事件的jQuery回调函数中工作

我有一些

，当单击left或right按钮时，必须修改其

左侧填充。我想根据每个选定元素的
左侧填充
来更改
字体重量
和
字体样式
。
如果
padding left
为20，则
font-weight
将设置为
normal
。当
左侧填充
为40时，其
字体样式
将被指定为
斜体


$（文档）.ready（函数（）{
$（“.toGrab”）。在（“单击”，函数（）{
$（this.toggleClass（'selected'）；
});
$（“#键”）。单击（函数（）{
var sl=parseInt（$（“.selected”）.css（“左填充”）；
$（“.selected”）.css({
填充左：“+=”+“20”
});
如果（sl>='100'）{
$（“.selected”）.css({
paddingLeft:100
});
}
});
$（“#键1”）。单击（函数（）{
$（“.selected”）.css({
填充左：“-=”+“20”
});
});
$（文档）.ready（函数（）{
$（“#键”）。单击（函数（）{
var n=$（“.toGrab”）.css（“左填充”）；
如果（n<20）{
$（“.toGrab”）.css（“字体重量”、“正常”）；警报（“n”）；
}
如果（n<40）{
$（“.toGrab”）.css（“字体重量”、“斜体”）；警报（“n”）；
}
否则{
$（“.toGrab”）.css（“字体重量”、“粗体”）；
}
});
});
});

div{
背景颜色：黄色；
边缘顶部：20px；
}
div{
}
.选定{
背景颜色：浅蓝色；
}
左边
正确的
祖父母
父母亲
小孩
小孩
child
为您提供以下建议和修订代码

italic
属于
font-style
而不是
font-weight

更改CSS样式不起作用的原因是您重写了
$（“#键”）。单击（function（）{//Here}）
，但在
$（“#键1”）中没有给出相同的代码。单击（function（）{//Here}）
$（“.toGrab”）
返回匹配的jQuery元素数组，因此您必须执行
$（“.toGrab”）。每个（function（）{/$（this）将是数组的每个元素。}

$（文档）.ready（函数（）{
$（“.toGrab”）。在（“单击”，函数（）{
$（this.toggleClass（'selected'）；
});
$（“#键”）。单击（函数（）{
var sl=parseInt（$（“.selected”）.css（“左填充”）；
sl=sl>=100？“100”：“+=20”；
$（“.selected”）.css({
“左填充”：sl
});
$（“.toGrab.selected”）.each（函数（）{
var paddingLeft=parseInt（$（this）.css（“paddingLeft”）；
var isPaddingLeft==20；
var isPaddingLeft40=填充左===40；
if（isPaddingLeft20）$（this.css（“字体重量”、“正常”）；
else if（isPaddingLeft40）$（this.css（“字体样式”、“斜体”）；
else$（this.css（“字体重量”、“粗体”）；
});
});
$（“#键1”）。单击（函数（）{
$（“.selected”）.css({
“左填充”：“-=”+“20”
});
$（“.toGrab.selected”）.each（函数（）{
var paddingLeft=parseInt（$（this）.css（“paddingLeft”）；
var isPaddingLeft==20；
var isPaddingLeft40=填充左===40；
if（isPaddingLeft20）$（this.css（“字体重量”、“正常”）；
else if（isPaddingLeft40）$（this.css（“字体样式”、“斜体”）；
else$（this.css（“字体重量”、“粗体”）；
});
});
});

div{
背景颜色：黄色；
边缘顶部：20px；
}
div{
}
.选定{
背景颜色：浅蓝色；
}
左边
正确的
祖父母
父母亲
小孩
小孩
child
为您提供以下建议和修订代码

italic
属于
font-style
而不是
font-weight

更改CSS样式不起作用的原因是您重写了
$（“#键”）。单击（function（）{//Here}）
，但在
$（“#键1”）中没有给出相同的代码。单击（function（）{//Here}）
$（“.toGrab”）
返回匹配的jQuery元素数组，因此您必须执行
$（“.toGrab”）。每个（function（）{/$（this）将是数组的每个元素。}

$（文档）.ready（函数（）{
$（“.toGrab”）。在（“单击”，函数（）{
$（this.toggleClass（'selected'）；
});
$（“#键”）。单击（函数（）{
var sl=parseInt（$（“.selected”）.css（“左填充”）；
sl=sl>=100？“100”：“+=20”；
$（“.selected”）.css({
“左填充”：sl
});
$（“.toGrab.selected”）.each（函数（）{
var paddingLeft=parseInt（$（this）.css（“paddingLeft”）；
var isPaddingLeft==20；
var isPaddingLeft40=填充左===40；
if（isPaddingLeft20）$（this.css（“字体重量”、“正常”）；
else if（isPaddingLeft40）$（this）.css（“字体样式”