javascript - 在 js 的 onClick 函数中高亮显示

Question

我有一个小问题。

我想在你点击它时突出显示答案，但 .style 似乎不起作用:(

我有这样一段html代码:

<div id="answers-type1">
    <ol>
        <img src="" id="answer-a-img" /><li id="answer-a" ></li>
        <img src="" id="answer-b-img" /><li id="answer-b" ></li>
        <img src="" id="answer-c-img" /><li id="answer-c" ></li>
        <img src="" id="answer-d-img" /><li id="answer-d" ></li>
    </ol>
</div>

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

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

每次点击都会很好地调用该函数，但背景没有改变我不明白为什么:/

我在网上看了看，很多人都是这样做的

感谢解答

Answer 1

使用这个

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

而不是这个

this.style = "background-color: #FFFF00;";