zoukankan      html  css  js  c++  java
  • 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



  • 相关阅读:
    英语中的一个月几天的表示法
    深圳梧桐山游记
    linux中创建文件和文件夹
    linux中~和/的区别
    linux中的--和-的区别
    linux中vi和vim的区别
    基本数据类型大小和范围
    洛谷 [AHOI2001]质数和分解
    codevs 1115 开心的金明--01背包
    codevs 1080 线段树练习--用树状数组做的
  • 原文地址:https://www.cnblogs.com/lindaZ/p/6203137.html
Copyright © 2011-2022 走看看