Javascript 在js中的函数onClick中突出显示

我有个小问题

我想在您单击答案时突出显示该答案，但是。样式似乎不起作用：

我有一部分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>

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

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

感谢您的回答

试试：

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

而不是：

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

---

未应用样式，因为jQuery对象没有样式属性。您可以改用css方法：

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

或者，您可以使用底层元素，但不要将其传递给jQuery：

this.style.backgroundColor = "#FFFF00";

第二个示例可能更有效。

使用此示例

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

而不是这个

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

修正如下：

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