<ul class="questions"> <li> <div class="question">1、您的年龄是?</div> <ul class="options"> <li data-score="5" data-option="A" data-question="1"><i></i> A、18-35岁</li> <li data-score="4" data-option="B" data-question="1"><i></i> B、35-50岁</li> <li data-score="3" data-option="C" data-question="1"><i></i> C、51-65岁</li> <li data-score="2" data-option="D" data-question="1"><i></i> D、66岁以上</li> </ul> </li> <li> <div class="question">2、您的健康状况?</div> <ul class="options"> <li data-score="10" data-option="A" data-question="2"><i></i> A、身体健康,没有患有过任何急慢性重大疾病</li> <li data-score="8" data-option="B" data-question="2"><i></i> B、一年之前曾患急慢性重大疾病住院治疗,现已经完全康复</li> <li data-score="6" data-option="C" data-question="2"><i></i> C、一年内曾患急慢性重大疾病住院治疗,现已经完全康复</li> <li data-score="3" data-option="D" data-question="2"><i></i> D、患有急慢性重大疾病,正在接受治疗</li> </ul> </li> <li> </ul> $('.options li').click(function (e) { question1 = $(this).data('option'); alert("选项:"+question1); alert("第几题:"+$(this).data('question')); $(this).addClass('selected').siblings().removeClass('selected'); e.preventDefault(); });
参考:https://segmentfault.com/q/1010000004130362