Javascript 如何使用Jquery突出显示覆盖中的div

要单击

div

并突出显示，此

div
位于一个
overlay`弹出窗口内。我在下面添加了jquery代码，但没有出现突出显示。有人能告诉我如何解决这个问题吗

添加的html显示在下面


$（'#projectDataHereToDisplay>.row'）。单击（函数（）{
$（此）.removeClass（“突出显示”）；
$（此）.addClass（“突出显示”）；
});
。突出显示{
背景#ebdb34；
}
.清洁工{
浮动：左；
填充：20px 10px 10px 20px；
}
.行{
宽度：1000px；
最小高度：80px；
}
罗索尔特先生{
背景色：#edece8；
}
科尔斯先生{
身高：100%；
浮动：左；
}
.col1{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col2{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col3{
宽度：200px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col4{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col5{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col6{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
#第2行{
左边距：100px；
边缘顶部：50px；
位置：相对位置；
宽度：83%；
保证金：20px 0px 0px 100px；
}

FLG
太阳
伙计，狮子
是
加在这里
FLG
太阳
伙计，狮子
是
加在这里
它会解决你的问题。现在它将突出显示您的行


$（'.rows'）。单击（函数（）{
$（此）.removeClass（“突出显示”）；
$（此）.addClass（“突出显示”）；
});

.亮点{
背景：#ebdb34！重要；
}
.清洁工{
浮动：左；
填充：20px 10px 10px 20px；
}
.行{
宽度：1000px；
最小高度：80px；
}
罗索尔特先生{
背景色：#edece8；
}
科尔斯先生{
身高：100%；
浮动：左；
}
.col1{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col2{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col3{
宽度：200px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col4{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col5{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
.col6{
宽度：100px；
浮动：左；
填充：20px 10px 10px 20px；
}
#第2行{
左边距：100px；
边缘顶部：50px；
位置：相对位置；
宽度：83%；
保证金：20px 0px 0px 100px；
}
FLG
太阳
伙计，狮子
是
加在这里
FLG
太阳
伙计，狮子
是
加在这里
您的问题到底是什么？您的代码工作正常，只需使用
toggleClass
，而不是同时使用
addClass
和
removeClass
！我添加了相同的代码，但它对我不起作用。我做了两个更改。一个在css中，第二个在javascript中。突出显示{background:#ebdb34！important；}Javascript代码$（'.rows'）。单击（function（）{$（this）.removeClass（“highlight”）；$（this.addClass（“highlight”）；}）；我看到应用了相同的更改。硬刷新浏览器。按ctrl+shift+rIs，单击“运行代码段”按钮时显示正确的输出？