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

Javascript 如何使用js/jquery将数据属性从数组中获取到DOM上的h3中?,javascript,jquery,Javascript,Jquery,我有一个var,其中包含一些数据属性 var test = { "game": [ { "Title": "blah", "Type": "Sports" } ] } 我试图在DOM上的h3中填充标题。这是我目前正在尝试使用的: $(function(){ $('#currentGame').val(test.game[0].Title); }); 当我这样做时,我没有得到错误,但是页面上没有显示任何内容。#currentGame是h3的i

我有一个var,其中包含一些数据属性

var test = {
  "game": [
    {
      "Title": "blah",
      "Type": "Sports"
    }
  ]
}
我试图在DOM上的h3中填充标题。这是我目前正在尝试使用的:

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

当我这样做时,我没有得到错误,但是页面上没有显示任何内容。#currentGame是h3的id。

通常用于表单元素,如输入。您需要将其用于转义文本或html

通常用于表单元素,如输入。您将希望使用转义文本或html

假设您的页面包含H3#currentGame,并且您希望设置其“title”属性,您可以

$(function(){
  $('#currentGame').attr('title',test.game[0].Title);
});
另一方面,如果您只希望设置H3的HTML内容,即和之间的文本,则可以使用:
$('#currentGame').HTML(test.game[0].Title)


$('#currentGame').text(test.game[0].Title)
如果您的标题值永远不会包含任何HTML。

假设您的页面包含H3#currentGame并且您希望设置其“title”属性,您可以

$(function(){
  $('#currentGame').attr('title',test.game[0].Title);
});
另一方面,如果您只希望设置H3的HTML内容,即和之间的文本,则可以使用:
$('#currentGame').HTML(test.game[0].Title)


$('#currentGame').text(test.game[0].Title)如果您的标题的值永远不会包含任何HTML。

H3的HTML是什么样子的?H3的HTML是什么样子的?非常感谢!我知道这是件小事。我会尽快接受你的回答。非常感谢!我知道这是件小事。我会尽快接受你的答复。