在js中的onClick函数中突出显示<li>

我有一个小问题。

我想突出显示答案,当您点击它但 .style 似乎不工作:(

我有这样的HTML代码的一部分:

<div id="answers-type1">
    
</div>

并在我的脚本中得到了这个:

$("#answers-type1 li").click(function() {
     $(this).style = "background-color: #FFFF00;";
     if ($(this).text() == goodAnswer)
     {
         alert("JAYJAY");
     }
     else
     {
         alert("pas JAYJAY");
     }
});

该功能是每个点击良好的呼吁,但背景不变,我不明白为什么:/

我看着互联网,看到很多人这样做

感谢您的回答

0
额外 编辑
意见: 1

4 答案

样式不适用,因为jQuery对象没有 style 属性。您可以使用 CSS 方法代替:

$(this).css("background-color","#FFFF00");

或者,您可以使用底层元素(不要将它传递给jQuery):

this.style.backgroundColor = "#FFFF00";

第二个例子可能会更有效率。

0
额外
感谢它的工作!
额外 作者 John Smith,

尝试:

$(this).css("background-color","#FFFF00");

代替 :

$(this).style = "background-color: #FFFF00;";
0
额外

用这个

$(this).css("background-color","#FFFF00");

而不是这个

this.style = "background-color: #FFFF00;";
0
额外
感谢它的工作,就像我下面说的!
额外 作者 John Smith,
0
额外
已经解决,但感谢网站:P
额外 作者 John Smith,