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



  • 相关阅读:
    putty设置用key自动登录
    linux快速进入全屏命令行模式
    二维数组的指针
    vim编写Bash脚本
    使用cat命令添加或附加多行文本
    Linode中的Network Helper
    网络通信框架之retrofit
    网络通信框架之okHttp
    网络通信框架之okHttpUtils
    Volley源码分析
  • 原文地址:https://www.cnblogs.com/lindaZ/p/6203137.html
Copyright © 2011-2022 走看看