各位大神好,我想做一个学生答题系统,在做答题界面时遇到了困难,为了学生选择方便,我在题目的左边和下边分别做了一个答题框,,答题框内的选项是一样的,选中选项时利用Jquery,改变选项div的背景色,但是现在我想同时选中不同答题框内的同一个选项,想请教各位大神怎么改,谢谢帮助,下面是现在的jquery代码。
代码如下:
$(function(){
var li = $(".selected-answer");
li.click(function(){
li.removeClass('selected-answer-active');
$(this).addClass('selected-answer-active');
return false;
});
});
根据你选中的li的文字,再取li对象的集合,对css属性进行判断,如果没有,添加上即可。
没懂你描述的是什么意思。
如果是单选的话,完全不需要js,去查下css的target伪类吧
你的li没有父元素吗,根据父元素的class来选择不就行了,不知道我理解得对不对?
var li = $(".ul-left,.ul-bottom .selected-answer");
li.click(function(){
$("li").removeClass('selected-answer-active'); //这句是为了取消之前选择的li吗?
$(this).addClass('selected-answer-active');
});