javascript - jQuery改变背景色

Question

各位大神好，我想做一个学生答题系统，在做答题界面时遇到了困难，为了学生选择方便，我在题目的左边和下边分别做了一个答题框，，答题框内的选项是一样的，选中选项时利用Jquery，改变选项p的背景色，但是现在我想同时选中不同答题框内的同一个选项，想请教各位大神怎么改，谢谢帮助，下面是现在的jquery代码。

代码如下：

$(function(){
var li = $(".selected-answer");
li.click(function(){
li.removeClass('selected-answer-active');
$(this).addClass('selected-answer-active');
return false;
});
});

Answer 1

没懂你描述的是什么意思。

Answer 2

你的li没有父元素吗，根据父元素的class来选择不就行了，不知道我理解得对不对？

var li = $(".ul-left,.ul-bottom .selected-answer");
li.click(function(){ 
    $("li").removeClass('selected-answer-active');   //这句是为了取消之前选择的li吗？
    $(this).addClass('selected-answer-active'); 
});

Answer 3

根据你选中的li的文字，再取li对象的集合，对css属性进行判断，如果没有，添加上即可。

Answer 4

如果是单选的话，完全不需要js，去查下css的target伪类吧