如何使用js/jquery将数组中的数据属性获取到DOM上的h3中

Question

我有一个var，里面有一些数据属性。

var test = {
  "game": [
    {
      "Title": "blah",
      "Type": "Sports"
    }
  ]
}

我正试图在DOM上的h3中填充Title。这就是我目前正在尝试使用的：

$(function(){
  $('#currentGame').val(test.game[0].Title);
});

当我这样做的时候，我不会得到错误，但页面上什么都没有显示。#currentGame是h3的id。

Answer 1

.val（）通常用于输入等表单元素。您将希望对转义文本使用.text（），对html 使用.html（）

Answer 2

假设你的页面包含一个H3#currentGame，并且你想设置它的"title"属性，你可以

$(function(){
  $('#currentGame').attr('title',test.game[0].Title);
});

另一方面，如果您只希望设置H3的HTML内容，则<H3>和<H3>，则使用：$('#currentGame').html(test.game[0].Title);

或者$('#currentGame').text(test.game[0].Title);，如果标题的值从未被期望包含任何HTML。