data-*存数据,拿出ul li中的数据

<ul class="questions">
   <li>
      <div class="question">1、您的年龄是?</div>
      <ul class="options">
         <li data-score="5" data-option="A" data-question="1"><i></i>&nbsp;&nbsp;A、18-35岁</li>
         <li data-score="4" data-option="B" data-question="1"><i></i>&nbsp;&nbsp;B、35-50岁</li>
         <li data-score="3" data-option="C" data-question="1"><i></i>&nbsp;&nbsp;C、51-65岁</li>
         <li data-score="2" data-option="D" data-question="1"><i></i>&nbsp;&nbsp;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>&nbsp;&nbsp;A、身体健康,没有患有过任何急慢性重大疾病</li>
         <li data-score="8"  data-option="B" data-question="2"><i></i>&nbsp;&nbsp;B、一年之前曾患急慢性重大疾病住院治疗,现已经完全康复</li>
         <li data-score="6"  data-option="C" data-question="2"><i></i>&nbsp;&nbsp;C、一年内曾患急慢性重大疾病住院治疗,现已经完全康复</li>
         <li data-score="3"  data-option="D" data-question="2"><i></i>&nbsp;&nbsp;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



posted @ 2016-12-20 16:24  lindaZ  阅读(1382)  评论(0编辑  收藏  举报