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



  • 相关阅读:
    经典8锁问题--助你彻底搞懂锁的概念
    linux上安装mysql
    Jenkins安装详解
    第一篇:实时网络日志分析器和交互式查看器--GoAccess安装
    Centos7上安装python3.7
    Nginx报错收集
    免费yum源镜像地址
    nginx日志文件切割
    腾讯云绑定和配置弹性网卡和添加弹性网卡
    LNMP-WEB应用环境搭建
  • 原文地址:https://www.cnblogs.com/lindaZ/p/6203137.html
Copyright © 2011-2022 走看看