javascript - 如何在点击时增加变量并更新 JSON 内容?

标签 javascript jquery json

我正在构建一个应用程序来展示足球俱乐部的比赛。我有一个包含游戏数据的 json 文件,可以根据本周显示该数据。

我希望能够在点击链接后显示下一场比赛和之前的一场比赛。

我尝试了很多,但无法意识到这一点。

要获取当前周并显示比赛:

currentWeek = data[0].current_week;
day = data[0].weeks[currentWeek].day;

homeTeam = data[0].weeks[currentWeek].team1;
awayTeam = data[0].weeks[currentWeek].team2;
scoreHome = data[0].weeks[currentWeek].score1;
scoreAway = data[0].weeks[currentWeek].score2;

我尝试用此方法更新当前星期,但不起作用:

$( "#test" ).click(function() {
        currentWeek++;
    });

链接: https://jsfiddle.net/gjm9yjoj/

点击后如何显示下一场比赛

<li><a href="" id="test">WEEK LATER</a></li>

最佳答案

将 json-data 和 currentWeek 置于全局范围内,并添加用于显示结果的函数:https://jsfiddle.net/br3t/gjm9yjoj/1/

关于javascript - 如何在点击时增加变量并更新 JSON 内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41324118/

相关文章:

php - 将 PHP 数组从 MySQL 编码为 JSON

javascript - Vue 观察类变化

javascript - 试图将 SVG 绘制到 Canvas 上,但它被缩短了

javascript - 如何使用 jQuery 将数组添加到数组数组?

php - 选择仅适用于第一个下拉列表的选项

javascript - 滚动下拉菜单推送内容

java - Spring MVC Controller 测试 - 打印结果 JSON 字符串

javascript - JavaScript 类型参数的有效性?

javascript - W3 slider - 未捕获类型错误 : Cannot read property 'className' of undefined

python - 在 Python 中使用 BeautifulSoup 从 HTML Script 标签中提取 JSON