gpt4 book ai didi

javascript - 使用 id 分配正确的值

转载 作者:行者123 更新时间:2023-12-02 15:18:40 27 4
gpt4 key购买 nike

我有一个小测验,问大萧条是什么时候。有 4 个格包含十年,其中 1920 是正确答案(第 3 个格)。在我的 jQuery 中,我将任何值为 1920 = ' Correct_answer' 的变量设置为,当单击它时,将会出现一条消息,显示“正确”。任何其他答案都会提示“错误”。为什么这不起作用?

<!doctype html> 
<html>
<head>
<link type="text/css" rel="stylesheet" href="hello.css">
</head>

<body>
<p class="question"> When was the Great Depression? </p>
<div class="answer" value="1940" id="answer_1"> 1940's </div>
<div class="answer" value="1980" id="answer_2"> 1980's </div>
<div class="answer" value="1960" id="answer_3"> 1960's </div>
<div class="answer" value="1920" id="answer_4"> 1920's </div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
grade();
})
function grade() {
var correct_answer = 1920;

if($('.answer').attr('value') == correct_answer) {
$(this).click(function() {
alert('Correct');
}) else {
alert('Wrong');
}
}
</script>

最佳答案

稍微更改一下 HTML 以适应 data-attributes

    <div class="answer" data-value="1940" id="answer_1"> 1940's </div>
<div class="answer" data-value="1980" id="answer_2"> 1980's </div>
<div class="answer" data-value="1960" id="answer_3"> 1960's </div>
<div class="answer" data-value="1920" id="answer_4"> 1920's </div>

绑定(bind).click()事件到您的元素。

$(function(){
var correctAnswer = "1920";
$(".answer").click(function(){
var $this = $(this);
var currentVal = $this.data("value");

if (currentVal === correctAnswer) {
//your logic goes here
}
});
});

关于javascript - 使用 id 分配正确的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34256826/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com