首页 > 其他 > 详细

ul li data-* 数据的读取

时间:2019-03-02 15:07:52      阅读:216      评论:0      收藏:0      [点我收藏+]
<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();
});

ul li data-* 数据的读取

原文:https://www.cnblogs.com/Z7TS/p/10461061.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!