javascript - 比较文章和按钮的数据
问题描述
我正在尝试创建一个“测验”页面,用户可以在其中猜测文章是真的还是假的。我有来自我的数据库的数据信息,我试图将其与用户单击的按钮的数据信息进行比较,以检查它们是否正确。例如,如果文章的数据信息为真,并且用户单击数据信息为真的按钮,则警告“你是对的”或其他什么。有人请帮忙!!
function loadArticle(){
$.get("/api/article", function(response){
$(".header").html(response[0].Headline);
$("h1").attr("data-info", response[0].is_real);
$(".body" ).html('<a target="_blank" href="${response[0].web_address}"> ${response[0].web_address} </a>');
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "row" id="answers">
<button data-info="false" type = "button" class = "fa-bounce fas fa-times col-xs-4 col-xs-offset-2" id="fake">
FAKE
</button>
<div class="col-xs-4"></div>
<button data-info="true" type = "button" class = "fa-bounce fas fa-check col-xs-4 col-xs-offset-2" id="real">
REAL
</button>
</div>
解决方案
您可以data-*
与 jQuery 方法.data()进行比较
这是一个示例,当您从 api 请求中获取数据并在单击“真实”按钮时比较其值,例如:
<button id="real" data-info="true">
real
</button>
<button id="real" data-info="false">
fake
</button>
var dataToCompare;
function loadArticle(){
$.get("/api/article", function(response){
dataToCompare = response[0].is_real;
}
}
$('#real').click(function() {
var data = $(this).data('info');
if(data === dataToCompare) {
alert('yes');
}
})
推荐阅读
- python - 用 Python 下载 xlsx 文件
- javascript - 如何在一天的开始和一天结束时进入 .toDate() 对象?
- javascript - 如何在没有 jQuery 的情况下单击按钮打开 iframe
- android-jetpack-compose - 切换和取消切换 DropdownMenu 的外观
- html - css:在移动视图中将列显示为行
- python - Pydantic - 验证不会发生
- javascript - 输入“承诺”
' 必须有一个返回异步迭代器的 '[Symbol.asyncIterator]()' 方法 - elasticsearch - Elasticsearch 别名具有多个写入索引(不与任何其他问题重复)
- javascript - imported library function not defined from JavaScript webpack export
- java - 如何使 ChannelOutboundHandler.write() 方法异步?