微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 检查id以设置值

我正在做一个危险的董事会,并且我已经在index.html中给每个div(每个问题广场)一个id,所以当它被点击时,会出现正确的问题.我还想根据id设置每个div的point值,所以我使用了jquery .is和if if / else语句.我只完成了A1和A2的代码,但A2应该价值200美元,它的回报价值100美元.为什么?

if ($('.well').is('#A1','#B1','#C1','#D1','#E1')) {
questionValue = 100;
}
else if ($('.well').is('#A2','#B2','#C2','#D2','#E2')) {
questionValue = 200;
}
else if ($('.well').is('#A3','#B3','#C3','#D3','#E3')) {
questionValue = 300;
}
else if ($('.well').is('#A4','#B4','#C4','#D4','#E4')) {
questionValue = 400;
}
else if ($('.well').is('#A5','#B5','#C5','#D5','#E5')) {
questionValue = 500;
}

先感谢您.如果我要包含更多代码,请告诉我. .well是问题正方形的div类.

添加HTML代码

score = score">0

这就是我在做每个问题的方式.

$("#A1").click(function() {

             $(".question").show();
             $('score += questionValue;
                        $(".score").text("$" + score);
                    }
                    else 
                        {
                        $('.question').replaceWith('Could NOT have been more wrongscore -= questionValue;
                        $(".score").text("$" + score);
         }

});
                            });

最佳答案
无论你到目前为止实现的是什么都可能是正确的,但我认为维护该代码非常困难.对于任何新人来说,理解这种逻辑会非常不安.请看下面的方法.你可以参考它并从中得出一个想法:

$(document).ready(function() {
  $(".well").click(function() {
    var quesVal = $(this).data("questionvalue"); //reading the questionvalue associated with each question
    alert(quesVal);
  });
});
.questionContainer {
  width: 250px;
}
.questionContainer .well {
  height: 40px;
  width: 40px;
  border: 1px solid red;
  margin-left: 5px;
  margin-top: 5px;
  float: left;
  /*Here you can also use display: inline-block instead of float:left*/
  background: orange;
}

                                

原文地址:https://www.jb51.cc/html/425555.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐