[英]Highlight <li> in function onClick in js
我有一个小问题。
当您单击它时,我想突出显示答案,但.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");
}
});
该函数在每次单击时都很好调用,但是背景没有改变,我不明白为什么:/
我看了看互联网,看到很多人这样做
谢谢答案
由于jQuery对象没有style
属性,因此未应用style
。 您可以改用css
方法:
$(this).css("background-color","#FFFF00");
或者,您可以使用基础元素(不要将其传递给jQuery):
this.style.backgroundColor = "#FFFF00";
第二个示例可能会更有效。
用这个
$(this).css("background-color","#FFFF00");
代替这个
this.style = "background-color: #FFFF00;";
在此处修复: http : //jsfiddle.net/RichardTowers/99Zpz/
尝试:
$(this).css("background-color","#FFFF00");
代替 :
$(this).style = "background-color: #FFFF00;";
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.